Precision Scrubber

A tactile intensity control with ticks, direct manipulation, keyboard support, and a value that stays attached to the gesture.

Feels like

Drag/Control/Spring

Built with

React 19Tailwind v4Motion

Steal it

npx shadcn@latest add https://1iad.com/r/precision-scrubber

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

Precision Scrubber

A tactile intensity control with ticks, direct manipulation, keyboard support, and a value that stays attached to the gesture. Install: npx shadcn@latest add https://1iad.com/r/precision-scrubber

INTENSITY

68

Precision Scrubber019