back

Retro Window

NEW
2025

A pixel-perfect retro window UI inspired by classic OS aesthetics. Includes a title bar, window controls (minimize, maximize, close), content area, and status bar with bold 8-bit styling.

Features

  • •Pixel-perfect retro styling with bold 8-bit shadows
  • •Title bar with truncated uppercase title
  • •Window controls: minimize, maximize, close with callbacks
  • •Minimize toggle hides/shows content area
  • •Status bar with ready indicator
  • •Configurable title and child content
  • •Accessible buttons with hover states
  • •Lightweight implementation with no external dependencies

Preview

Open in
About.txt

Welcome to Retro Window

These components for giving retro feel to your UI

Built with modern React and Tailwind CSS.

Ready

Usage

Example
<RetroWindow title="About.txt" onClose={() => setShowWindow(false)}>
              <div className="space-y-2">
                  <p>Welcome to Retro UI!</p>
                  <p>These components bring back the nostalgic feel of classic interfaces.</p>
                  <p>Built with modern React and Tailwind CSS.</p>
              </div>
</RetroWindow>