Free, open-source React micro-interaction components for the half-second after a click — copy the TypeScript source; the behavior is finished, the style is yours.
ReactAnimationOpen Source+2
interior.dev
Bencho
bencho.dev
A library of interactive React UI blocks — heat maps, signature pads, drag interactions, sliders — you can explore, tweak, and take straight into projects.
What is Bencho?
Bencho collects interactive React components and micro-interactions that run live rather than mocked. The catalog spans press, hover, drag, slide, and swipe behaviors: press heat maps, image compare, signature pad, dynamic island, time scrubber, pull to refresh, reorder lists, radial menus, and more. Each block can be explored in place, adjusted, and moved directly into your own project.
Best for
- Interactive React micro-interactions to copy
- Exploring live drag, press, and hover behaviors
- Adding tactile polish to product UI
Key features
- Live, interactive demos — not mocked
- Blocks for press, hover, drag, and swipe
- Signature pad, heat map, and image compare
- Micro-interactions like magnetic select
- Blocks, Sounds, and Finds sections
Related resources
interior.dev
A React and Tailwind CSS component library with components, blocks and landing page templates, shipping a new signature component every week.
ReactTailwindAnimation+2
obsidianui.dev
Design skills, 449 UI prompts, animations, sound effects and audit tools for building professional UI with Codex, Claude and Cursor.
AIDesign SystemsAnimation+2
typeui.sh
Visitopens in a new tab