Interactive Bento Collection
A responsive Bento card collection with hover and keyboard-revealed actions and an inline detail view, adapted from Magic UI.
Clean SaaSMIT
Make it work with your content
- Pass your own items, content backgrounds and host destinations; the default controlled grid is empty.
- Keep titles and descriptions concise so each card retains a clear hierarchy.
- Use mode='demo' for the sample workspace only, and check action visibility with keyboard navigation and reduced motion.
Source & compatibility
- Author
- Magic UI
- Version
- 0.1.0
- License
- MIT
- Stack
- React · Tailwind CSS 4
Framework-independent React. Demo interactions run locally; connect your service through props.
Source revision: efe76fc5755eca1142dd4f74c1d6f0ace2887e3c