Skip to content
IndexDesign corpus
Motion & InteractionComponent LibraryBlock CollectionToolMITFreeReact

Bencho

Interactive React blocks with live controls and editable source

Aboutbencho.dev

Bencho is Lorenzo Cabra's collection of interactive React blocks. Each block offers a live example, controls, and component source. The collection includes a cursor heat map, signature pad, sliders, menus, and media controls. You can copy the React source and CSS, or copy a prompt for an agent. An account saves your bench across browsers.

For an agent

Use this to find a focused React interaction and inspect it with the live controls. Copy the component source and CSS together. Read any listed dependencies. Keep the MIT notice with copied source. Check keyboard input, touch input, and reduced motion in your project.

Why it is here. It lets you adjust an interaction before copying its React source into a project.

Install command, framework, licence and component list.
Components it ships12
Notable for
  • live parameter controls
  • cursor heat map
  • React source and CSS
  • copyable agent prompts
Provenance

Verified 2026-10-01. HTTP 200. Checked https://bencho.dev/, https://bencho.dev/blocks/heat-word, and https://bencho.dev/licence on 2026-10-01. The public application bundle supplies React component source, CSS, copy prompts, and the MIT license attributed to Lorenzo Cabra. No public repository link was found. Source tweet: https://x.com/cabralorenzo/status/2105003339612094735. Media MCP supplied the tweet and video frames of the heat map controls.

Related resourcesMotion & Interaction