{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "nostalgia-ui", "homepage": "https://github.com/giorgioliapakis/nostalgia-ui", "items": [ { "name": "nostalgia-theme", "type": "registry:theme", "title": "Nostalgia Theme", "description": "Mac OS 9 design tokens (--os9-* colors, bevel shadows, font stacks) and utilities (os9-raised, os9-inset, os9-window, os9-stripes, os9-focus-ring). Required by every retro-* component.", "cssVars": { "theme": { "color-os9-black": "var(--os9-black)", "color-os9-white": "var(--os9-white)", "color-os9-gray-200": "var(--os9-gray-200)", "color-os9-gray-300": "var(--os9-gray-300)", "color-os9-gray-400": "var(--os9-gray-400)", "color-os9-gray-500": "var(--os9-gray-500)", "color-os9-gray-600": "var(--os9-gray-600)", "color-os9-gray-700": "var(--os9-gray-700)", "color-os9-gray-800": "var(--os9-gray-800)", "color-os9-azul": "var(--os9-azul)", "color-os9-lavender": "var(--os9-lavender)", "color-os9-focus": "var(--os9-focus)" }, "light": { "os9-black": "#262626", "os9-white": "#ffffff", "os9-gray-200": "#eeeeee", "os9-gray-300": "#dddddd", "os9-gray-400": "#cccccc", "os9-gray-500": "#bbbbbb", "os9-gray-600": "#999999", "os9-gray-700": "#808080", "os9-gray-800": "#666666", "os9-azul": "#333399", "os9-lavender": "#ccccff", "os9-focus": "#6666cc", "os9-shadow-raised": "inset 1px 1px 0 var(--os9-white), inset -1px -1px 0 var(--os9-gray-700)", "os9-shadow-pressed": "inset 1px 1px 0 var(--os9-gray-700), inset -1px -1px 0 var(--os9-white)", "os9-shadow-inset": "inset 1px 1px 0 var(--os9-gray-700), inset -1px -1px 0 var(--os9-white)", "os9-shadow-window": "2px 2px 0 var(--os9-black), inset 2px 2px 0 rgba(255, 255, 255, 0.6), inset -2px -2px 0 rgba(38, 38, 38, 0.4)", "os9-font-heading": "\"Charcoal\", \"ChicagoFLF\", \"Geneva\", \"Arial\", sans-serif", "os9-font-sans": "\"Geneva\", \"Verdana\", \"Helvetica Neue\", sans-serif", "os9-font-mono": "\"Monaco\", \"Courier New\", monospace" } }, "css": { "@utility os9-raised": { "border": "1px solid var(--os9-black)", "background-color": "var(--os9-gray-300)", "box-shadow": "var(--os9-shadow-raised)" }, "@utility os9-pressed": { "border": "1px solid var(--os9-black)", "background-color": "var(--os9-gray-700)", "box-shadow": "var(--os9-shadow-pressed)" }, "@utility os9-inset": { "border": "1px solid var(--os9-black)", "background-color": "var(--os9-white)", "box-shadow": "var(--os9-shadow-inset)" }, "@utility os9-window": { "border": "1px solid var(--os9-black)", "background-color": "var(--os9-gray-200)", "box-shadow": "var(--os9-shadow-window)" }, "@utility os9-stripes": { "background-image": "repeating-linear-gradient(to bottom, transparent, transparent 1px, var(--os9-gray-600) 1px, var(--os9-gray-600) 2px)", "background-color": "var(--os9-gray-300)" }, "@utility os9-focus-ring": { "outline": "none", "box-shadow": "0 0 0 2px var(--os9-focus)" }, "@utility os9-heading": { "font-family": "var(--os9-font-heading)", "letter-spacing": "0.42px", "line-height": "0.98" }, "@keyframes os9-caret-blink": { "0%, 100%": { "opacity": "1" }, "50%": { "opacity": "0" } } } }, { "name": "retro-label", "type": "registry:ui", "title": "RetroLabel", "description": "A Mac OS 9 styled label with Geneva 10pt default and Charcoal 12pt large size variants, built on Radix UI Label.", "dependencies": [ "@radix-ui/react-label", "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-label.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-button", "type": "registry:ui", "title": "RetroButton", "description": "A Mac OS 9 styled button with raised bevel effect, active/pressed state, and disabled styling.", "dependencies": [ "@radix-ui/react-slot", "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-button.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-input", "type": "registry:ui", "title": "RetroInput", "description": "A Mac OS 9 styled text input with inset bevel effect, focus ring, and two sizes.", "dependencies": [ "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-input.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-radio", "type": "registry:ui", "title": "RetroRadio", "description": "A Mac OS 9 styled radio button group with 3D circular bevel effect, built on Radix UI Radio Group.", "dependencies": [ "@radix-ui/react-radio-group" ], "files": [ { "path": "registry/new-york/ui/retro-radio.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-tabs", "type": "registry:ui", "title": "RetroTabs", "description": "Mac OS 9 styled tabs with large/small sizes and raised bevel active state, built on Radix UI Tabs.", "dependencies": [ "@radix-ui/react-tabs", "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-tabs.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-progress", "type": "registry:ui", "title": "RetroProgress", "description": "A Mac OS 9 styled progress bar with inset bevel track and candy-stripe azul fill pattern.", "files": [ { "path": "registry/new-york/ui/retro-progress.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-title-bar", "type": "registry:ui", "title": "RetroTitleBar", "description": "A Mac OS 9 styled title bar with striped drag region, close/collapse/zoom control boxes, and centered title text.", "files": [ { "path": "registry/new-york/ui/retro-title-bar.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-slider", "type": "registry:ui", "title": "RetroSlider", "description": "A Mac OS 9 styled slider with rectangular raised bevel thumb and inset track, built on Radix UI Slider.", "dependencies": [ "@radix-ui/react-slider" ], "files": [ { "path": "registry/new-york/ui/retro-slider.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-checkbox", "type": "registry:ui", "title": "RetroCheckbox", "description": "A Mac OS 9 styled checkbox with inset bevel, checkmark and indeterminate (dash) states, built on Radix UI Checkbox.", "dependencies": [ "@radix-ui/react-checkbox" ], "files": [ { "path": "registry/new-york/ui/retro-checkbox.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-menu-bar", "type": "registry:ui", "title": "RetroMenuBar", "description": "A Mac OS 9 styled menu bar with horizontal strip, bevel highlights, azul active state, and dropdown menus with classic drop shadow.", "dependencies": [ "@radix-ui/react-menubar" ], "files": [ { "path": "registry/new-york/ui/retro-menu-bar.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-window", "type": "registry:ui", "title": "RetroWindow", "description": "A Mac OS 9 styled window frame with title bar, close/collapse/zoom controls, active/inactive states, and content area.", "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-title-bar.json" ], "files": [ { "path": "registry/new-york/ui/retro-window.tsx", "type": "registry:ui" } ] }, { "name": "retro-select", "type": "registry:ui", "title": "RetroSelect", "description": "A Mac OS 9 styled select dropdown with raised bevel trigger, up/down chevron arrows, and azul-highlighted menu items, built on Radix UI Select.", "dependencies": [ "@radix-ui/react-select" ], "files": [ { "path": "registry/new-york/ui/retro-select.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-separator", "type": "registry:ui", "title": "RetroSeparator", "description": "A Mac OS 9 styled separator with classic beveled line effect: dark top/left pixel and light bottom/right pixel, built on Radix UI Separator.", "dependencies": [ "@radix-ui/react-separator" ], "files": [ { "path": "registry/new-york/ui/retro-separator.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-textarea", "type": "registry:ui", "title": "RetroTextarea", "description": "A Mac OS 9 styled textarea with inset bevel effect, focus ring, vertical resize, and two sizes.", "dependencies": [ "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-textarea.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-badge", "type": "registry:ui", "title": "RetroBadge", "description": "A Mac OS 9 styled badge with raised bevel effect, Geneva 9px font, and three color variants: default, accent (lavender), and azul.", "dependencies": [ "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-badge.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-popover", "type": "registry:ui", "title": "RetroPopover", "description": "A Mac OS 9 styled popover with classic drop shadow, built on Radix UI Popover.", "dependencies": [ "@radix-ui/react-popover" ], "files": [ { "path": "registry/new-york/ui/retro-popover.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-toggle", "type": "registry:ui", "title": "RetroToggle", "description": "A Mac OS 9 styled toggle button with raised/pressed bevel states, built on Radix UI Toggle.", "dependencies": [ "@radix-ui/react-toggle", "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-toggle.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-card", "type": "registry:ui", "title": "RetroCard", "description": "A Mac OS 9 styled card with raised bevel effect, header with bevel separator, title, description, content area, and footer with action buttons.", "files": [ { "path": "registry/new-york/ui/retro-card.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-switch", "type": "registry:ui", "title": "RetroSwitch", "description": "A Mac OS 9 styled binary toggle switch with rectangular inset track, raised bevel thumb, and azul checked state, built on Radix UI Switch.", "dependencies": [ "@radix-ui/react-switch" ], "files": [ { "path": "registry/new-york/ui/retro-switch.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-tooltip", "type": "registry:ui", "title": "RetroTooltip", "description": "A Mac OS 9 Balloon Help styled tooltip with pale yellow background, rounded corners, and drop shadow, built on Radix UI Tooltip.", "dependencies": [ "@radix-ui/react-tooltip" ], "files": [ { "path": "registry/new-york/ui/retro-tooltip.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-hover-card", "type": "registry:ui", "title": "RetroHoverCard", "description": "A Mac OS 9 styled hover card with solid border and drop shadow, built on Radix UI Hover Card.", "dependencies": [ "@radix-ui/react-hover-card" ], "files": [ { "path": "registry/new-york/ui/retro-hover-card.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-alert", "type": "registry:ui", "title": "RetroAlert", "description": "A Mac OS 9 styled alert box with raised bevel effect, left accent border, and three variants: default, warning, and destructive.", "dependencies": [ "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-alert.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-pagination", "type": "registry:ui", "title": "RetroPagination", "description": "A Mac OS 9 styled pagination component with raised bevel page buttons, active/pressed state, previous/next navigation, and ellipsis indicator.", "files": [ { "path": "registry/new-york/ui/retro-pagination.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-avatar", "type": "registry:ui", "title": "RetroAvatar", "description": "A Mac OS 9 styled avatar with beveled border, image support, fallback initials, and sm/default/lg size variants, built on Radix UI Avatar.", "dependencies": [ "@radix-ui/react-avatar", "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-avatar.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-skeleton", "type": "registry:ui", "title": "RetroSkeleton", "description": "A Mac OS 9 styled skeleton loading placeholder with dithered diagonal hatching pattern and optional pulse animation.", "files": [ { "path": "registry/new-york/ui/retro-skeleton.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-chevron", "type": "registry:ui", "title": "RetroChevron", "description": "A Mac OS 9 styled chevron arrow (filled triangle) with configurable direction, two color variants, and two sizes.", "files": [ { "path": "registry/new-york/ui/retro-chevron.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-breadcrumb", "type": "registry:ui", "title": "RetroBreadcrumb", "description": "A Mac OS 9 Finder-style breadcrumb navigation with Geneva 10px text, azul links, right-pointing triangle separators, and ellipsis for collapsed paths.", "files": [ { "path": "registry/new-york/ui/retro-breadcrumb.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-toast", "type": "registry:ui", "title": "RetroToast", "description": "A Mac OS 9 styled custom toast system with mini-window appearance, striped title bar, beveled close box, and auto-dismiss via useRetroToast hook.", "files": [ { "path": "registry/new-york/ui/retro-toast.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-nav-button", "type": "registry:ui", "title": "RetroNavButton", "description": "A Mac OS 9 styled 16x16 navigation button with raised bevel, centered SVG arrow, and four directions: left, right, up, down.", "dependencies": [ "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-nav-button.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-context-menu", "type": "registry:ui", "title": "RetroContextMenu", "description": "A Mac OS 9 styled context menu with right-click trigger, sub-menus, checkbox/radio items, keyboard shortcuts, and classic drop shadow, built on Radix UI Context Menu.", "dependencies": [ "@radix-ui/react-context-menu" ], "files": [ { "path": "registry/new-york/ui/retro-context-menu.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-dialog", "type": "registry:ui", "title": "RetroDialog", "description": "A Mac OS 9 styled modal dialog with overlay, OS9 window frame, striped title bar with close box, description area, and footer for action buttons, built on Radix UI Dialog.", "dependencies": [ "@radix-ui/react-dialog" ], "files": [ { "path": "registry/new-york/ui/retro-dialog.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-alert-dialog", "type": "registry:ui", "title": "RetroAlertDialog", "description": "A Mac OS 9 styled alert dialog with OS9 window shadow, striped title bar, caution icon, and modal behavior, built on Radix UI Alert Dialog.", "dependencies": [ "@radix-ui/react-alert-dialog" ], "files": [ { "path": "registry/new-york/ui/retro-alert-dialog.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-icons.json" ] }, { "name": "retro-toggle-group", "type": "registry:ui", "title": "RetroToggleGroup", "description": "A Mac OS 9 styled toggle group with shared borders, raised/pressed bevel states, and single or multiple selection modes, built on Radix UI Toggle Group.", "dependencies": [ "@radix-ui/react-toggle-group", "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-toggle-group.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-table", "type": "registry:ui", "title": "RetroTable", "description": "A Mac OS 9 styled data table with raised bevel column headers, hover highlight, azul selected row, and Finder list-view appearance.", "files": [ { "path": "registry/new-york/ui/retro-table.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-sheet", "type": "registry:ui", "title": "RetroSheet", "description": "A Mac OS 9 styled sheet (slide-over panel) with side variants, striped title bar, close box, and overlay, built on Radix UI Dialog.", "dependencies": [ "@radix-ui/react-dialog", "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-sheet.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-scrollbar", "type": "registry:ui", "title": "RetroScrollbar", "description": "A Mac OS 9 styled scroll area with 16px wide/tall scrollbars featuring raised bevel thumb, inset track, and arrow navigation buttons at each end, built on Radix UI ScrollArea.", "dependencies": [ "@radix-ui/react-scroll-area" ], "files": [ { "path": "registry/new-york/ui/retro-scrollbar.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-navigation-menu", "type": "registry:ui", "title": "RetroNavigationMenu", "description": "A Mac OS 9 styled navigation menu with horizontal strip, azul active triggers, dropdown content with classic drop shadow, and lavender hover links, built on Radix UI Navigation Menu.", "dependencies": [ "@radix-ui/react-navigation-menu" ], "files": [ { "path": "registry/new-york/ui/retro-navigation-menu.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-accordion", "type": "registry:ui", "title": "RetroAccordion", "description": "A Mac OS 9 styled accordion with disclosure triangle, bevel separator, and collapse animation, built on Radix UI Accordion.", "dependencies": [ "@radix-ui/react-accordion" ], "files": [ { "path": "registry/new-york/ui/retro-accordion.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-collapsible", "type": "registry:ui", "title": "RetroCollapsible", "description": "A Mac OS 9 styled collapsible disclosure with rotating triangle indicator, Charcoal heading trigger, and indented Geneva content area, built on Radix UI Collapsible.", "dependencies": [ "@radix-ui/react-collapsible" ], "files": [ { "path": "registry/new-york/ui/retro-collapsible.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-dropdown-menu", "type": "registry:ui", "title": "RetroDropdownMenu", "description": "A Mac OS 9 styled dropdown menu with white background, classic drop shadow, azul-highlighted items, bevel separators, submenus, checkbox/radio items, and keyboard shortcut labels, built on Radix UI Dropdown Menu.", "dependencies": [ "@radix-ui/react-dropdown-menu" ], "files": [ { "path": "registry/new-york/ui/retro-dropdown-menu.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-theme-provider", "type": "registry:ui", "title": "NostalgiaProvider", "description": "A Mac OS 9 theme provider that injects all OS9 CSS variables and utility classes so consumers can use nostalgia-ui components without manual globals.css setup.", "files": [ { "path": "registry/new-york/ui/retro-theme-provider.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-typography", "type": "registry:ui", "title": "RetroText", "description": "Mac OS 9 typography: RetroText variants plus semantic RetroH1\u2013H4, RetroP, RetroLead, RetroBlockquote, RetroList, RetroInlineCode, RetroLarge, RetroSmall and RetroMuted.", "dependencies": [ "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-typography.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-toolbar", "type": "registry:ui", "title": "RetroToolbar", "description": "A Mac OS 9 styled toolbar with icon buttons, separators, and button groups. Includes RetroToolbar, RetroToolbarButton, RetroToolbarSeparator, and RetroToolbarGroup sub-components.", "files": [ { "path": "registry/new-york/ui/retro-toolbar.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "dependencies": [ "@radix-ui/react-toolbar" ] }, { "name": "retro-aspect-ratio", "type": "registry:ui", "title": "RetroAspectRatio", "description": "A Mac OS 9 styled aspect ratio container with optional inset border, built on Radix UI Aspect Ratio.", "dependencies": [ "@radix-ui/react-aspect-ratio" ], "files": [ { "path": "registry/new-york/ui/retro-aspect-ratio.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-spinner", "type": "registry:ui", "title": "RetroSpinner", "description": "Mac OS 9 styled loading indicators: RetroSpinner (animated wristwatch cursor with rotating second hand) and RetroBeachBall (spinning pinwheel wait cursor with colored segments). Both support sm/default/lg sizes via cva variants.", "dependencies": [ "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-spinner.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-carousel", "type": "registry:ui", "title": "RetroCarousel", "description": "A Mac OS 9 styled carousel/slideshow with inset panel container, raised bevel navigation buttons with triangle arrow SVGs, and embla-carousel-react for smooth sliding. Supports horizontal and vertical orientations.", "dependencies": [ "embla-carousel-react" ], "files": [ { "path": "registry/new-york/ui/retro-carousel.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-input-otp", "type": "registry:ui", "title": "RetroInputOTP", "description": "A Mac OS 9 styled one-time password input with individual inset bevel character slots, blinking caret, focus ring, and group separators, built on input-otp.", "dependencies": [ "input-otp" ], "files": [ { "path": "registry/new-york/ui/retro-input-otp.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-resizable", "type": "registry:ui", "title": "RetroResizable", "description": "A Mac OS 9 styled resizable panel group for split layouts with raised bevel handle, grip dots, and drag-darkening effect, built on react-resizable-panels.", "dependencies": [ "react-resizable-panels" ], "files": [ { "path": "registry/new-york/ui/retro-resizable.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-drawer", "type": "registry:ui", "title": "RetroDrawer", "description": "A Mac OS 9 styled bottom sheet / drawer with pull handle, OS9 window bevel, and overlay, built on vaul.", "dependencies": [ "vaul" ], "files": [ { "path": "registry/new-york/ui/retro-drawer.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-form", "type": "registry:ui", "title": "RetroForm", "description": "A React Hook Form integration with Mac OS 9 styling. Provides RetroForm, RetroFormField, RetroFormItem, RetroFormLabel, RetroFormControl, RetroFormDescription, and RetroFormMessage components following the shadcn Form pattern.", "dependencies": [ "react-hook-form", "@radix-ui/react-label", "@radix-ui/react-slot" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-label.json" ], "files": [ { "path": "registry/new-york/ui/retro-form.tsx", "type": "registry:ui" } ] }, { "name": "retro-command", "type": "registry:ui", "title": "RetroCommand", "description": "A Mac OS 9 styled command palette (search interface) with inset search input, azul-highlighted items, keyboard shortcut labels, and modal dialog variant, built on cmdk and Radix UI Dialog.", "dependencies": [ "cmdk", "@radix-ui/react-dialog" ], "files": [ { "path": "registry/new-york/ui/retro-command.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-calendar", "type": "registry:ui", "title": "RetroCalendar", "description": "A Mac OS 9 styled date selection calendar grid with raised bevel navigation buttons, azul selected day, lavender hover and range states, built on react-day-picker v9.", "dependencies": [ "react-day-picker" ], "files": [ { "path": "registry/new-york/ui/retro-calendar.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-chart", "type": "registry:ui", "title": "RetroChart", "description": "Mac OS 9 styled charting components with Balloon Help tooltips, square legend indicators, inset bevel container, and Geneva typography, built on recharts. Provides RetroChartContainer, RetroChartTooltip, RetroChartTooltipContent, RetroChartLegend, RetroChartLegendContent, and RetroChartStyle.", "dependencies": [ "recharts" ], "files": [ { "path": "registry/new-york/ui/retro-chart.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "retro-date-picker", "type": "registry:ui", "title": "RetroDatePicker", "description": "A Mac OS 9 styled date picker with inline text input (MM/DD/YYYY), calendar icon trigger button, and popover calendar dropdown, composed from RetroPopover and RetroCalendar.", "dependencies": [ "date-fns", "react-day-picker" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-popover.json", "https://nostalgia-ui.com/r/retro-calendar.json" ], "files": [ { "path": "registry/new-york/ui/retro-date-picker.tsx", "type": "registry:ui" } ] }, { "name": "retro-date-range-picker", "type": "registry:ui", "title": "RetroDateRangePicker", "description": "A Mac OS 9 styled date range picker with two inline text inputs, en-dash separator, calendar icon trigger, and a two-month popover calendar for range selection.", "dependencies": [ "date-fns", "react-day-picker" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-popover.json", "https://nostalgia-ui.com/r/retro-calendar.json", "https://nostalgia-ui.com/r/retro-date-picker.json" ], "files": [ { "path": "registry/new-york/ui/retro-date-range-picker.tsx", "type": "registry:ui" } ] }, { "name": "retro-combobox", "type": "registry:ui", "title": "RetroCombobox", "description": "A Mac OS 9 styled searchable select / autocomplete combobox with inset bevel trigger, search input, azul-highlighted items, checkmark selection indicator, and group headings, built on Radix UI Popover.", "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-popover.json" ], "files": [ { "path": "registry/new-york/ui/retro-combobox.tsx", "type": "registry:ui" } ], "dependencies": [ "cmdk" ] }, { "name": "retro-data-table", "type": "registry:ui", "title": "RetroDataTable", "description": "A Mac OS 9 styled full-featured data table with column sorting, text filtering, pagination, row selection, and column visibility, built on @tanstack/react-table and existing RetroTable primitives.", "dependencies": [ "@tanstack/react-table" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-table.json" ], "files": [ { "path": "registry/new-york/ui/retro-data-table.tsx", "type": "registry:ui" } ] }, { "name": "retro-desktop", "type": "registry:ui", "title": "RetroDesktop", "description": "A Mac OS 9 styled full-viewport desktop layout with pinned menu bar (Apple logo + live clock), desktop area with optional dot-pattern wallpaper, and selectable desktop shortcut icons with 32x32 icon area and Geneva 9px labels.", "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "files": [ { "path": "registry/new-york/ui/retro-desktop.tsx", "type": "registry:ui" } ] }, { "name": "retro-sidebar", "type": "registry:ui", "title": "RetroSidebar", "description": "A Mac OS 9 styled app shell layout with collapsible sidebar, context-driven open/closed state, menu items with azul active and lavender hover, keyboard shortcut (Cmd+B) toggle, and icon-only collapsed mode. Provides RetroSidebarProvider, RetroSidebar, RetroSidebarHeader, RetroSidebarContent, RetroSidebarFooter, RetroSidebarMenu, RetroSidebarMenuItem, RetroSidebarMenuButton, RetroSidebarGroup, RetroSidebarGroupLabel, RetroSidebarTrigger, and RetroSidebarInset.", "dependencies": [ "@radix-ui/react-slot" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-sheet.json", "https://nostalgia-ui.com/r/retro-scrollbar.json" ], "files": [ { "path": "registry/new-york/ui/retro-sidebar.tsx", "type": "registry:ui" } ] }, { "name": "retro-icons", "type": "registry:ui", "title": "RetroIcons", "description": "21 pure-CSS/SVG Mac OS 9 icons (folder, document, Trash, alerts, Happy Mac, Sad Mac, bomb, user, memory, Finder, extension and more) with a name-based RetroIcon wrapper.", "dependencies": [ "class-variance-authority" ], "files": [ { "path": "registry/new-york/ui/retro-icons.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ] }, { "name": "about-this-computer", "type": "registry:block", "title": "About This Computer", "description": "Mac OS 9 About This Computer window with version, built-in/virtual memory, largest unused block and per-application memory bars.", "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-icons.json", "https://nostalgia-ui.com/r/retro-window.json" ], "files": [ { "path": "registry/new-york/blocks/about-this-computer.tsx", "type": "registry:component" } ] }, { "name": "boot-screen", "type": "registry:block", "title": "Boot Screen", "description": "Mac OS 9 startup screen with Happy Mac, \u201cWelcome to Mac OS\u201d progress box and marching extension icons. Controlled or autoPlay; respects prefers-reduced-motion.", "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-icons.json", "https://nostalgia-ui.com/r/retro-progress.json" ], "files": [ { "path": "registry/new-york/blocks/boot-screen.tsx", "type": "registry:component" } ] }, { "name": "copy-progress", "type": "registry:block", "title": "Copy Progress", "description": "The Finder \u201cCopy\u201d progress window with items remaining, current file, progress bar, Stop button and an indeterminate \u201cPreparing to copy\u2026\u201d state.", "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-button.json", "https://nostalgia-ui.com/r/retro-icons.json", "https://nostalgia-ui.com/r/retro-progress.json", "https://nostalgia-ui.com/r/retro-window.json" ], "files": [ { "path": "registry/new-york/blocks/copy-progress.tsx", "type": "registry:component" } ] }, { "name": "login", "type": "registry:block", "title": "Login", "description": "Mac OS 9 Multiple Users welcome window with a keyboard-navigable user list, password field and default Log In button.", "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-button.json", "https://nostalgia-ui.com/r/retro-icons.json", "https://nostalgia-ui.com/r/retro-input.json", "https://nostalgia-ui.com/r/retro-label.json", "https://nostalgia-ui.com/r/retro-window.json" ], "files": [ { "path": "registry/new-york/blocks/login.tsx", "type": "registry:component" } ] }, { "name": "retro-app-switcher", "type": "registry:ui", "title": "RetroAppSwitcher", "description": "The Mac OS 9 Application menu for the right end of the menu bar: frontmost app icon and name, Hide, Hide Others, Show All, and a checkmarked list of running apps.", "dependencies": [ "@radix-ui/react-dropdown-menu" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-dropdown-menu.json" ], "files": [ { "path": "registry/new-york/ui/retro-app-switcher.tsx", "type": "registry:ui" } ] }, { "name": "retro-bevel-button", "type": "registry:ui", "title": "RetroBevelButton", "description": "Mac OS 9 Appearance Manager bevel button with small/normal/large bevels, icon above or beside the label, sticky toggle (aria-pressed) behaviour and an optional pop-up menu arrow.", "dependencies": [ "class-variance-authority" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "files": [ { "path": "registry/new-york/ui/retro-bevel-button.tsx", "type": "registry:ui" } ] }, { "name": "retro-button-group", "type": "registry:ui", "title": "RetroButtonGroup", "description": "Joins RetroButtons, inputs and text into one Mac OS 9 control strip with shared borders. Horizontal or vertical, with RetroButtonGroupSeparator and RetroButtonGroupText.", "dependencies": [ "@radix-ui/react-slot", "class-variance-authority" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "files": [ { "path": "registry/new-york/ui/retro-button-group.tsx", "type": "registry:ui" } ] }, { "name": "retro-control-strip", "type": "registry:ui", "title": "RetroControlStrip", "description": "The Mac OS 9 Control Strip: a collapsible strip of module buttons with a ridged end tab and pop-up module menus. Exports RetroControlStrip, RetroControlStripModule and RetroControlStripTab (aliased ControlStrip, ControlStripModule, ControlStripTab).", "dependencies": [ "@radix-ui/react-dropdown-menu" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-dropdown-menu.json" ], "files": [ { "path": "registry/new-york/ui/retro-control-strip.tsx", "type": "registry:ui" } ] }, { "name": "retro-empty", "type": "registry:ui", "title": "RetroEmpty", "description": "A Mac OS 9 empty state (RetroEmpty, RetroEmptyHeader, RetroEmptyMedia, RetroEmptyTitle, RetroEmptyDescription, RetroEmptyContent) for empty folders, Trash and search results.", "dependencies": [ "class-variance-authority" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "files": [ { "path": "registry/new-york/ui/retro-empty.tsx", "type": "registry:ui" } ] }, { "name": "retro-field", "type": "registry:ui", "title": "RetroField", "description": "Mac OS 9 form layout primitives with shadcn Field API parity: RetroField (vertical/horizontal/responsive), RetroFieldLabel, RetroFieldDescription, RetroFieldError, RetroFieldGroup, RetroFieldSet (plain or etched OS9 group box), RetroFieldLegend, RetroFieldSeparator, RetroFieldContent and RetroFieldTitle. No form-library dependency.", "dependencies": [ "class-variance-authority" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-label.json" ], "files": [ { "path": "registry/new-york/ui/retro-field.tsx", "type": "registry:ui" } ] }, { "name": "retro-folder-tag", "type": "registry:ui", "title": "RetroFolderTag", "description": "Mac OS 9 folder tag: the tab of a pop-up window with a small icon and folder name, in active/inactive states, attached above or below its window.", "dependencies": [ "class-variance-authority" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "files": [ { "path": "registry/new-york/ui/retro-folder-tag.tsx", "type": "registry:ui" } ] }, { "name": "retro-group-box", "type": "registry:ui", "title": "RetroGroupBox", "description": "Mac OS 9 primary/secondary group box: an etched frame whose title (text, checkbox or pop-up) interrupts the top border.", "dependencies": [ "class-variance-authority" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "files": [ { "path": "registry/new-york/ui/retro-group-box.tsx", "type": "registry:ui" } ] }, { "name": "retro-icon-view", "type": "registry:ui", "title": "RetroIconView", "description": "A Mac OS 9 Finder icon view grid with click, shift and command selection, darkened selected icons with azul labels, arrow-key grid navigation, open on double-click/Cmd+O, and optional inline rename.", "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "files": [ { "path": "registry/new-york/ui/retro-icon-view.tsx", "type": "registry:ui" } ] }, { "name": "retro-input-group", "type": "registry:ui", "title": "RetroInputGroup", "description": "A Mac OS 9 inset text well combining an input or textarea with addons: RetroInputGroup, RetroInputGroupAddon (inline-start/inline-end/block-start/block-end), RetroInputGroupInput, RetroInputGroupTextarea, RetroInputGroupButton and RetroInputGroupText.", "dependencies": [ "class-variance-authority" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json", "https://nostalgia-ui.com/r/retro-button.json", "https://nostalgia-ui.com/r/retro-input.json", "https://nostalgia-ui.com/r/retro-textarea.json" ], "files": [ { "path": "registry/new-york/ui/retro-input-group.tsx", "type": "registry:ui" } ] }, { "name": "retro-item", "type": "registry:ui", "title": "RetroItem", "description": "A flexible Mac OS 9 list row: RetroItem (default/outline/muted, default/sm, asChild) with RetroItemMedia, RetroItemContent, RetroItemTitle, RetroItemDescription, RetroItemActions, RetroItemGroup, RetroItemSeparator, RetroItemHeader and RetroItemFooter.", "dependencies": [ "@radix-ui/react-slot", "class-variance-authority" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "files": [ { "path": "registry/new-york/ui/retro-item.tsx", "type": "registry:ui" } ] }, { "name": "retro-kbd", "type": "registry:ui", "title": "RetroKbd", "description": "Mac OS 9 keyboard keycaps (RetroKbd, RetroKbdGroup) with a raised bevel and Charcoal lettering, plus RETRO_KBD_KEYS for the command, option, shift and control glyphs.", "dependencies": [ "class-variance-authority" ], "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "files": [ { "path": "registry/new-york/ui/retro-kbd.tsx", "type": "registry:ui" } ] }, { "name": "retro-list-box", "type": "registry:ui", "title": "RetroListBox", "description": "Mac OS 9 inset list box with single or multiple selection, azul highlight, arrow/Home/End navigation, type-ahead and listbox/option semantics.", "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "files": [ { "path": "registry/new-york/ui/retro-list-box.tsx", "type": "registry:ui" } ] }, { "name": "retro-little-arrows", "type": "registry:ui", "title": "RetroLittleArrows", "description": "Mac OS 9 little arrows stepper with press-and-hold repeat, plus RetroNumberField: an inset spinbutton field with min/max/step, keyboard stepping and controlled/uncontrolled value.", "registryDependencies": [ "https://nostalgia-ui.com/r/nostalgia-theme.json" ], "files": [ { "path": "registry/new-york/ui/retro-little-arrows.tsx", "type": "registry:ui" } ] }, { "name": "retro-native-select", "type": "registry:ui", "title": "RetroNativeSelect", "description": "A native