design-infraReport a problem or share feedback← Catalog
Elastic Slider
curatedfreereact-bits/elastic-slider
Slider handle stretches elastically then snaps with spring physics.
$
npx shadcn@latest add @react-bits/ElasticSlider-TS-TWnpm deps: motion
Our notes
A range slider with elastic overshoot at the ends (not a carousel).- Source
- React Bits
- Kind
- component
- Categories
- input
- Use as
- drop-in — replaces your component
- Applies to
- input
- Motion
- on cursor, drag · expressive · motion · medium cost
- Tags
- components, motion
- Licence
- MIT + Commons Clause: free to use in commercial apps/sites, but you may not sell or redistribute the components themselves (alone, bundled, or ported). React Bits Pro is a separate paid product.
- Live demo
- www.reactbits.dev
- Docs
- www.reactbits.dev
Similar
Compare all 4 →- Prompt Composercult-ui/prompt-composerAI prompt composer with attachments/actions and a shader glow. Mostly tokens, but teal/blue hex accents and @paper-design/shaders-react + @base-ui/react are heavy deps.
- Range Slider Bubble Sliderbeui/range-slider-bubbleGrab the thumb and a value bubble pops out of it. The bubble tilts and squashes with how fast you drag, then settles upright.
- File Uploadaceternity/file-uploadDrag-and-drop upload with grid background and micro-interactions.