Bencho

Product Overview

Bencho is a live library of interactive React components and micro-interactions created by Lorenzo Cabra. Instead of static mockups, every block runs for real: you hover, press, drag, slide, swipe, type, or select directly in the browser, tune it on a shared bench, and then take the code into your project. The collection covers more than 120 blocks organized by interaction type, from loaders and toggles to charts, pickers, dynamic islands, signature pads, and AI chat inputs. Each one is adjustable live, so you can feel the motion before committing to it. A bench area holds the blocks you are working with so you can combine and compare them. Bencho is free to explore with a selection of blocks and sounds including their code. Bencho Pro unlocks every block and sound, full source code, downloads, an unlimited bench, and the Bencho MCP for Claude, Cursor, and other AI assistants. Plans are €79 per year or €99 once for the first 200 members.

Best For

Best for React developers and product designers who want production-ready micro-interactions they can test live before using

Key Features

• 120+ interactive React blocks and micro-interactions
• Live adjustable previews instead of static mockups
• Organized by interaction: hover, press, drag, slide, swipe, type, select
• Bench to collect and combine blocks
• Sounds and Finds sections alongside blocks
• Full source code with Pro
• Bencho MCP for Claude, Cursor, and AI assistants
• Free tier with selected blocks and code