Bento Grid CSS Layout Builder

Create beautiful Bento-style dashboard layouts with drag-and-drop. Generate clean CSS Grid code.

Layout Preview

Cell 1

Cell 2 (span 2)

Cell 3

Cell 4 (span 2 rows)

Cell 5

Cell 6

Cell 7 (span 3)

.bento-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem;}