Bencho

Bencho is a wall of live UI blocks, among them Magnetic select, Slosh slider, Magnifying dock, Range dial, Liquid toggle, Slide to confirm, Radial menu, and Reorder list, each usable right on the page. Opening a block puts its preview beside a panel of switches and levels for that block, such as fill, stroke, speed, width, and corner radius on Slide to confirm. The code tab copies the block's usage snippet and CSS, or a prompt that walks a coding agent through adding the React source, installing its dependencies, and wiring up the CSS. Blocks are MIT licensed, and a free account saves them to a personal bench.