Smooth Dropdown

A single icon grows into a complete action menu while one spring-driven selection rail follows your intent.

Feels like

Tap/Menu/Morph

Built with

React 19Tailwind v4Motionreact-use-measure

Steal it

npx shadcn@latest add https://1iad.com/r/smooth-dropdown

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

Smooth Dropdown

A single icon grows into a complete action menu while one spring-driven selection rail follows your intent. Install: npx shadcn@latest add https://1iad.com/r/smooth-dropdown

Today’s interaction
Turn up the weird
Open the archive
Steal the source

Tune the feeling
How it works
Close the day

Smooth Dropdown027