RetroSlider
A range slider with Mac OS 9 inset track and rectangular beveled thumb.
Installation
npx shadcn@latest add "https://nostalgia-ui.com/r/retro-slider.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 { RetroSlider } from "@/components/ui/retro-slider"Default
Controlled (value: 50)
Custom Range (0-10, step 1)
Disabled
Full Width
Range
Drag the rectangular thumb to adjust values. The track uses OS9 inset bevel styling.