Cloud Dancer Slider

ui

Base UI slider dressed as the Cloud Dancer pill: a teal-shaded off-white strip with a dark filled range and a dark orb thumb. Takes one value or a range, with a label per thumb.

pnpm dlx shadcn@latest add "https://01orbital.dev/r/cloud-dancer-slider.json"

Sign In

Cloud Dancer Slider

ui

Base UI slider dressed as the Cloud Dancer pill: a teal-shaded off-white strip with a dark filled range and a dark orb thumb. Takes one value or a range, with a label per thumb.

pnpm dlx shadcn@latest add "https://01orbital.dev/r/cloud-dancer-slider.json"

components/slider/cloud-dancer-slider.tsx