REACTShadcn Space · Component
Orbiting Circles 01 - Default
ComponentReact TSXShadcn SpaceMIT
Slider 08 - Circular Volume Dial
A circular knob slider styled as a volume dial: drag around the ring to sweep a gradient arc from the top, with the live value and unit shown in the center.
Install
npx shadcn@latest add @shadcn-space/slider-08Loading live preview…
License
MIT license: free to use, change and ship in personal and commercial projects. Keep the copyright notice in your project.
License text ↗Original source ↗
Shadcn Space also sells paid items. We only list their free, MIT-licensed ones.
Needs npm: motion, @number-flow/react
More from Shadcn Space
- REACT
REACTShadcn Space · Component
Orbiting Circles 03 - Spotlight
REACTShadcn Space · Component
Orbiting Circles 04 - Stack Reveal
REACTShadcn Space · Component
Marquee 01 - Testimonials
REACTShadcn Space · Component
Marquee 02 - Brands
REACTShadcn Space · Component
Marquee 03 - Vertical Testimonials
REACTShadcn Space · Component
Marquee 04 - Fashion Video Showcase
REACTShadcn Space · Component
Marquee 05 - Trending Stocks