RetroResizable
Resizable panel layouts with Mac OS 9 styled drag handles and grip dot indicators.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-resizable.json"
Setup: installing any component also installs nostalgia-theme (the --os9-* tokens and os9-* utilities) via registryDependencies. To add the theme on its own: npx shadcn@latest add https://nostalgia-ui.com/r/nostalgia-theme.json
Import
import { RetroResizable } from "@/components/ui/retro-resizable"Resizable panel layouts with OS9-styled drag handles. Supports horizontal and vertical orientations with grip dot indicators. Built on react-resizable-panels.
Horizontal Layout
Panel A
Panel B
Vertical Layout
Top Panel
Bottom Panel
Three-Panel Layout
Sidebar
Content
Inspector
Drag the handles between panels to resize. The grip dots indicate draggable areas. Handles darken when being dragged.