Updated: Elastic Slider
By Steven Van ·
The rebuilt React Bits slider adds vertical and pill styles, ticks, a handle, centered fills, and keyboard and scroll control.
The React Bits Elastic Slider component has been rebuilt with smoother springs and a rubber-band pull at both ends. The slider grows under the cursor, stretches like rubber when pulled past either end, then springs back.
What was added
- Vertical and pill styles
- Icons and values inside the track
- Ticks and a handle
- Centered fills
- Keyboard and scroll control
Installing it
The component is available in JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/ElasticSlider-TS-TW.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →