ComponentReact TSXShadcn SpaceMIT

Slider 06 - Animated Price Range Filter

A dual-thumb price range filter slider with a hover ghost preview — hover outside the selected range to see a semi-transparent extension, with thumb scale animation on hover.

Full screen

Installnpx shadcn@latest add @shadcn-space/slider-06

Loading 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: @number-flow/react, lucide-react

Slider 06 - Animated Price Range Filter

License

More from Shadcn Space