RetroSheet

A slide-in panel from any screen edge with Mac OS 9 window chrome and bevel styling.

Installation

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

Right (default)

Left

Top

Bottom

Click a button to open a sheet from each edge. Click outside, press Escape, or use the close box to dismiss.