Bento
v1.0.3Updated 22 Jul 2026Bento-grid section — mixed-size feature cards arranged in an asymmetric grid. Copy-paste block; baked-in demo content (edit the JSX to customise).
Preview
Live · 12 storiesFourOpen ↗
▸Why this is recommendedbentogridfeaturesmarketing+2
Bento — four.
Recommended for+14
- ✓Landing pages
- ✓Feature overview sections
- ✓Marketing pages
Tags+6
bentogridfeaturesmarketingsectionfour
Features+4
- Four-cell, feature-grid, asymmetric and with-visuals layouts
- Mixed card sizes / spans
- Self-contained — no required props
Not recommended for−2
- ✕Long-form text content
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
classNameOptional wrapper class override
—