Elastic Slider

An iOS-style slider that stretches past its ends and springs back, with a rising tick sound every 10 steps.

Feels like

Drag/Spring/Sound

Built with

React 19Tailwind v4Motion

Steal it

npx shadcn@latest add https://1iad.com/r/elastic-slider

One self-contained file. Paste the prompt into your AI agent and it does the rest.

Good to know

No config. Nothing to set up beyond Tailwind.
Respects prefers-reduced-motion out of the box.
Sound and haptics only fire after a user gesture.

Credits

Built in public by Sunny JoshiMIT licensed. Free to steal.

Back

Elastic Slider

An iOS-style slider that stretches past its ends and springs back, with a rising tick sound every 10 steps. Install: npx shadcn@latest add https://1iad.com/r/elastic-slider

60

Elastic Slider001