sh4dcnv2 · atlas
← libraries

@nostalgia-ui

Mac OS 9 styled components for React. 60 retro UI primitives with platinum bevels, system fonts, and pixel-perfect details. Pure CSS, zero images.

91 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://nostalgia-ui.com/r/registry.json
pnpm pnpm dlx shadcn@latest add https://nostalgia-ui.com/r/registry.json
bun bunx shadcn@latest add https://nostalgia-ui.com/r/registry.json
fetch registry curl -s https://nostalgia-ui.com/r/registry.json

Components

91 total
Nostalgia Theme theme

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…

npx shadcn@latest add https://nostalgia-ui.com/r/nostalgia-theme.json
RetroLabel ui

A Mac OS 9 styled label with Geneva 10pt default and Charcoal 12pt large size variants, built on Radix UI Label.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-label.json
RetroButton ui

A Mac OS 9 styled button with raised bevel effect, active/pressed state, and disabled styling.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-button.json
RetroInput ui

A Mac OS 9 styled text input with inset bevel effect, focus ring, and two sizes.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-input.json
RetroRadio ui

A Mac OS 9 styled radio button group with 3D circular bevel effect, built on Radix UI Radio Group.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-radio.json
RetroTabs ui

Mac OS 9 styled tabs with large/small sizes and raised bevel active state, built on Radix UI Tabs.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-tabs.json
RetroProgress ui

A Mac OS 9 styled progress bar with inset bevel track and candy-stripe azul fill pattern.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-progress.json
RetroTitleBar ui

A Mac OS 9 styled title bar with striped drag region, close/collapse/zoom control boxes, and centered title text.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-title-bar.json
RetroSlider ui

A Mac OS 9 styled slider with rectangular raised bevel thumb and inset track, built on Radix UI Slider.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-slider.json
RetroCheckbox ui

A Mac OS 9 styled checkbox with inset bevel, checkmark and indeterminate (dash) states, built on Radix UI Checkbox.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-checkbox.json
RetroMenuBar ui

A Mac OS 9 styled menu bar with horizontal strip, bevel highlights, azul active state, and dropdown menus with classic drop shadow.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-menu-bar.json
RetroWindow ui

A Mac OS 9 styled window frame with title bar, close/collapse/zoom controls, active/inactive states, and content area.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-window.json
RetroSelect ui

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.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-select.json
RetroSeparator ui

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.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-separator.json
RetroTextarea ui

A Mac OS 9 styled textarea with inset bevel effect, focus ring, vertical resize, and two sizes.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-textarea.json
RetroBadge ui

A Mac OS 9 styled badge with raised bevel effect, Geneva 9px font, and three color variants: default, accent (lavender), and azul.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-badge.json
RetroPopover ui

A Mac OS 9 styled popover with classic drop shadow, built on Radix UI Popover.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-popover.json
RetroToggle ui

A Mac OS 9 styled toggle button with raised/pressed bevel states, built on Radix UI Toggle.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-toggle.json
RetroCard ui

A Mac OS 9 styled card with raised bevel effect, header with bevel separator, title, description, content area, and footer with action buttons.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-card.json
RetroSwitch ui

A Mac OS 9 styled binary toggle switch with rectangular inset track, raised bevel thumb, and azul checked state, built on Radix UI Switch.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-switch.json
RetroTooltip ui

A Mac OS 9 Balloon Help styled tooltip with pale yellow background, rounded corners, and drop shadow, built on Radix UI Tooltip.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-tooltip.json
RetroHoverCard ui

A Mac OS 9 styled hover card with solid border and drop shadow, built on Radix UI Hover Card.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-hover-card.json
RetroAlert ui

A Mac OS 9 styled alert box with raised bevel effect, left accent border, and three variants: default, warning, and destructive.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-alert.json
RetroPagination ui

A Mac OS 9 styled pagination component with raised bevel page buttons, active/pressed state, previous/next navigation, and ellipsis indicator.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-pagination.json
RetroAvatar ui

A Mac OS 9 styled avatar with beveled border, image support, fallback initials, and sm/default/lg size variants, built on Radix UI Avatar.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-avatar.json
RetroSkeleton ui

A Mac OS 9 styled skeleton loading placeholder with dithered diagonal hatching pattern and optional pulse animation.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-skeleton.json
RetroChevron ui

A Mac OS 9 styled chevron arrow (filled triangle) with configurable direction, two color variants, and two sizes.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-chevron.json
RetroBreadcrumb ui

A Mac OS 9 Finder-style breadcrumb navigation with Geneva 10px text, azul links, right-pointing triangle separators, and ellipsis for collapsed paths.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-breadcrumb.json
RetroToast ui

A Mac OS 9 styled custom toast system with mini-window appearance, striped title bar, beveled close box, and auto-dismiss via useRetroToast hook.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-toast.json
RetroNavButton ui

A Mac OS 9 styled 16x16 navigation button with raised bevel, centered SVG arrow, and four directions: left, right, up, down.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-nav-button.json
RetroContextMenu ui

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 Contex…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-context-menu.json
RetroDialog ui

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 Radi…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-dialog.json
RetroAlertDialog ui

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.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-alert-dialog.json
RetroToggleGroup ui

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.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-toggle-group.json
RetroTable ui

A Mac OS 9 styled data table with raised bevel column headers, hover highlight, azul selected row, and Finder list-view appearance.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-table.json
RetroSheet ui

A Mac OS 9 styled sheet (slide-over panel) with side variants, striped title bar, close box, and overlay, built on Radix UI Dialog.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-sheet.json
RetroScrollbar ui

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 Radi…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-scrollbar.json
RetroNavigationMenu ui

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 Ra…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-navigation-menu.json
RetroAccordion ui

A Mac OS 9 styled accordion with disclosure triangle, bevel separator, and collapse animation, built on Radix UI Accordion.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-accordion.json
RetroCollapsible ui

A Mac OS 9 styled collapsible disclosure with rotating triangle indicator, Charcoal heading trigger, and indented Geneva content area, built on Radix UI Collap…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-collapsible.json
RetroDropdownMenu ui

A Mac OS 9 styled dropdown menu with white background, classic drop shadow, azul-highlighted items, bevel separators, submenus, checkbox/radio items, and keybo…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-dropdown-menu.json
NostalgiaProvider ui

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.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-theme-provider.json
RetroText ui

Mac OS 9 typography: RetroText variants plus semantic RetroH1–H4, RetroP, RetroLead, RetroBlockquote, RetroList, RetroInlineCode, RetroLarge, RetroSmall and Re…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-typography.json
RetroToolbar ui

A Mac OS 9 styled toolbar with icon buttons, separators, and button groups. Includes RetroToolbar, RetroToolbarButton, RetroToolbarSeparator, and RetroToolbarG…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-toolbar.json
RetroAspectRatio ui

A Mac OS 9 styled aspect ratio container with optional inset border, built on Radix UI Aspect Ratio.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-aspect-ratio.json
RetroSpinner ui

Mac OS 9 styled loading indicators: RetroSpinner (animated wristwatch cursor with rotating second hand) and RetroBeachBall (spinning pinwheel wait cursor with …

npx shadcn@latest add https://nostalgia-ui.com/r/retro-spinner.json
RetroCarousel ui

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 …

npx shadcn@latest add https://nostalgia-ui.com/r/retro-carousel.json
RetroInputOTP ui

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.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-input-otp.json
RetroResizable ui

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.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-resizable.json
RetroDrawer ui

A Mac OS 9 styled bottom sheet / drawer with pull handle, OS9 window bevel, and overlay, built on vaul.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-drawer.json
RetroForm ui

A React Hook Form integration with Mac OS 9 styling. Provides RetroForm, RetroFormField, RetroFormItem, RetroFormLabel, RetroFormControl, RetroFormDescription,…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-form.json
RetroCommand ui

A Mac OS 9 styled command palette (search interface) with inset search input, azul-highlighted items, keyboard shortcut labels, and modal dialog variant, built…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-command.json
RetroCalendar ui

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-pic…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-calendar.json
RetroChart ui

Mac OS 9 styled charting components with Balloon Help tooltips, square legend indicators, inset bevel container, and Geneva typography, built on recharts. Prov…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-chart.json
RetroDatePicker ui

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 …

npx shadcn@latest add https://nostalgia-ui.com/r/retro-date-picker.json
RetroDateRangePicker ui

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.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-date-range-picker.json
RetroCombobox ui

A Mac OS 9 styled searchable select / autocomplete combobox with inset bevel trigger, search input, azul-highlighted items, checkmark selection indicator, and …

npx shadcn@latest add https://nostalgia-ui.com/r/retro-combobox.json
RetroDataTable ui

A Mac OS 9 styled full-featured data table with column sorting, text filtering, pagination, row selection, and column visibility, built on @tanstack/react-tabl…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-data-table.json
RetroDesktop ui

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…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-desktop.json
RetroSidebar ui

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 shortcu…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-sidebar.json
RetroIcons ui

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 RetroIco…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-icons.json
About This Computer block

Mac OS 9 About This Computer window with version, built-in/virtual memory, largest unused block and per-application memory bars.

npx shadcn@latest add https://nostalgia-ui.com/r/about-this-computer.json
Boot Screen block

Mac OS 9 startup screen with Happy Mac, “Welcome to Mac OS” progress box and marching extension icons. Controlled or autoPlay; respects prefers-reduced-motion.

npx shadcn@latest add https://nostalgia-ui.com/r/boot-screen.json
Copy Progress block

The Finder “Copy” progress window with items remaining, current file, progress bar, Stop button and an indeterminate “Preparing to copy…” state.

npx shadcn@latest add https://nostalgia-ui.com/r/copy-progress.json
Login block

Mac OS 9 Multiple Users welcome window with a keyboard-navigable user list, password field and default Log In button.

npx shadcn@latest add https://nostalgia-ui.com/r/login.json
RetroAppSwitcher ui

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 ap…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-app-switcher.json
RetroBevelButton ui

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…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-bevel-button.json
RetroButtonGroup ui

Joins RetroButtons, inputs and text into one Mac OS 9 control strip with shared borders. Horizontal or vertical, with RetroButtonGroupSeparator and RetroButton…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-button-group.json
RetroControlStrip ui

The Mac OS 9 Control Strip: a collapsible strip of module buttons with a ridged end tab and pop-up module menus. Exports RetroControlStrip, RetroControlStripMo…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-control-strip.json
RetroEmpty ui

A Mac OS 9 empty state (RetroEmpty, RetroEmptyHeader, RetroEmptyMedia, RetroEmptyTitle, RetroEmptyDescription, RetroEmptyContent) for empty folders, Trash and …

npx shadcn@latest add https://nostalgia-ui.com/r/retro-empty.json
RetroField ui

Mac OS 9 form layout primitives with shadcn Field API parity: RetroField (vertical/horizontal/responsive), RetroFieldLabel, RetroFieldDescription, RetroFieldEr…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-field.json
RetroFolderTag ui

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.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-folder-tag.json
RetroGroupBox ui

Mac OS 9 primary/secondary group box: an etched frame whose title (text, checkbox or pop-up) interrupts the top border.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-group-box.json
RetroIconView ui

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-c…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-icon-view.json
RetroInputGroup ui

A Mac OS 9 inset text well combining an input or textarea with addons: RetroInputGroup, RetroInputGroupAddon (inline-start/inline-end/block-start/block-end), R…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-input-group.json
RetroItem ui

A flexible Mac OS 9 list row: RetroItem (default/outline/muted, default/sm, asChild) with RetroItemMedia, RetroItemContent, RetroItemTitle, RetroItemDescriptio…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-item.json
RetroKbd ui

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 …

npx shadcn@latest add https://nostalgia-ui.com/r/retro-kbd.json
RetroListBox ui

Mac OS 9 inset list box with single or multiple selection, azul highlight, arrow/Home/End navigation, type-ahead and listbox/option semantics.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-list-box.json
RetroLittleArrows ui

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…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-little-arrows.json
RetroNativeSelect ui

A native <select> styled as a Mac OS 9 pop-up menu button with raised bevel and double-arrow box. Default and sm sizes, plus RetroNativeSelectOption and RetroN…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-native-select.json
RetroPlacard ui

Mac OS 9 window placard: the raised status strip at a window's bottom-left, with a RetroPlacardButton pop-up variant.

npx shadcn@latest add https://nostalgia-ui.com/r/retro-placard.json
RetroToaster ui

Sonner toasts rendered as Mac OS 9 alert windows: striped title bar, close box, per-type alert icons and OS9 action/cancel buttons. Exports RetroToaster and re…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-sonner.json
RetroTreeView ui

A Mac OS 9 Finder list view / Folder List: data-driven tree with animated disclosure triangles, optional sortable column headers (Name, Date Modified, Size, Ki…

npx shadcn@latest add https://nostalgia-ui.com/r/retro-tree-view.json
Sad Mac 404 block

Full-page not-found screen with a pure-SVG Sad Mac, hex error codes and a Restart link home. Dark and light variants.

npx shadcn@latest add https://nostalgia-ui.com/r/sad-mac-404.json
Unexpectedly Quit block

The classic Mac OS 9 “application has unexpectedly quit” Stop alert with OK, plus a “Sorry, a system error occurred” bomb variant with Restart.

npx shadcn@latest add https://nostalgia-ui.com/r/unexpectedly-quit.json
Control Panel block

Mac OS 9 Appearance control panel with Themes, Appearance, Fonts, Desktop, Sound and Options tabs built from group boxes, pop-ups, sliders, checkboxes, radios …

npx shadcn@latest add https://nostalgia-ui.com/r/control-panel.json
Desktop Shell block

Full Mac OS 9 desktop that fills its container: menu bar with clock and Application menu, desktop icons, overlapping draggable windows with click-to-front, and…

npx shadcn@latest add https://nostalgia-ui.com/r/desktop-shell.json
Finder Window block

Mac OS 9 Finder window with a sortable Name / Date Modified / Size / Kind list view, disclosure triangles, an icon view toggle, a status placard and a size box.

npx shadcn@latest add https://nostalgia-ui.com/r/finder-window.json
Get Info block

Mac OS 9 Finder Get Info window with General Information, Sharing and Memory panes, label pop-up, comments, and Locked / Stationery Pad checkboxes.

npx shadcn@latest add https://nostalgia-ui.com/r/get-info.json
Installer block

Mac OS 9 multi-step installer wizard: Welcome, Read Me, license with Agree / Disagree alert, destination disk, install progress and finish.

npx shadcn@latest add https://nostalgia-ui.com/r/installer.json
Open / Save Dialog block

Mac OS 9 Navigation Services Open and Save dialog with a location pop-up, Shortcuts / Favorites / Recent buttons, a browsable file list, a Name field and New F…

npx shadcn@latest add https://nostalgia-ui.com/r/open-save-dialog.json