RetroDrawer

A bottom drawer panel with Mac OS 9 styling that slides up from the screen edge.

Installation

npx shadcn@latest add "https://nostalgia-ui.com/r/retro-drawer.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 { RetroDrawer } from "@/components/ui/retro-drawer"

A bottom drawer/sheet component with OS9 styling. Slides up from the bottom with a pull handle. Built on Vaul.

Basic Drawer

Confirmation Drawer

Click a button to open the drawer. Drag the pull handle or click outside to dismiss. The drawer slides up from the bottom edge.