Problem of practice
“Learning designers who build interactive content often lack ready-made, polished interface elements and ideas for the small details that make an experience feel good.”
Learning goal
Designers will be able to explore a library of interaction patterns and choose polished UI components and micro-interactions to reuse in their own interactive learning builds.
What it does
Bencho is a browsable collection of interactive React components such as sliders, loaders, charts, menus, image comparers and animated buttons. Each block is live, so you can press, drag, hover or type to see how it behaves, then take it into your own work. Learning designers can use it as a source of ideas and building blocks for polished interactive builds.
- 150+ live components, each labeled by how you use it: press, hover, drag, type, swipe or loading
- Covers loaders, sliders, charts, menus, image compare, toggles, accordions and more
- Every block is live and interactive, not a mockup
- Components can be explored, tweaked and taken into your own projects
