Range Slider Fluid

Range slider with two thumbs and a fluid, springy fill between them.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/range-slider-fluid

Files

• components/motion/range-slider-fluid.tsx
• lib/ease.ts
• lib/hooks/use-slider.ts
• lib/touch.ts
• lib/utils.ts

Source

https://github.com/starc007/ui-components

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• Range Slider Components
• React Range Slider Components
• Tailwind CSS Range Slider Components
• Animated Range Slider Components
• Slider Components
• React Slider Components
• Tailwind CSS Slider Components
• Animated Slider Components

More from beUI

• Range Slider
• Range Slider Bubble
• Range Slider Inline
• Range Slider Ruler
• Range Slider Wave
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code