How it works
Three steps. No signup. Completely free.
Browse the menu
Visit the content page and scroll through handpicked bento grid layouts. Use the search bar, filter by tags, or narrow it down by complexity — Simple or Complex.
Pick your grid
Click any card to open the detail page. You'll see a live preview of the grid structure, the source design, and who made it.
Copy the code
Grab the JSX grid layout directly from the page. It gives you the structure — the boxes, spans, and columns. You bring the content, images, and styles that go inside.
Frequently asked
Do I need to sign up?
Nope. No account, no email, no paywall. Just browse and copy.
What exactly does the code include?
The code gives you the grid layout — the structure, box count, column spans and row spans. Think of it as the bento box itself. You fill it with your own content, images, and colors.
How often is new content added?
New grids are added regularly. The more the library grows, the more options you'll have to pick from.
Ready to pick your grid?
Browse the full library — no signup needed.