Effects
Slider - Elastic
Drag the handle and pull off-axis - the track stretches like a rubber band and springs back on release. SVG quadratic curve, no library.
- SVG quadratic curve
- Spring physics
- Pointer capture
Customize
Drag a slider and watch the preview respond live. Every control maps to a typed prop - what you tune is what you ship.
Props you can tune
Every prop below is live in the studio above and ships typed with the component.
- 4 options
tintTint - 80-400
stiffnessSpring stiffness - 6-30
dampingSpring damping
Related components
Using this block
Buy it, then copy components/blocks/slider-elastic/index.tsx into your project. A single file - no new dependency beyond the Framer Motion + Tailwind you already have.