INTRODUCING

Grid Vault

A collection of bento grids you can copy and paste into your project, built with Tailwind CSS.

Built on top of:tailwind

React

react

Tailwind CSS

Production-Ready Bento Grids

Copy, paste, and customize beautiful grid layouts in seconds. No more starting from scratch.

✓ Responsive by default✓ Dark mode support✓ Zero dependencies
<div className="grid grid-cols-2 lg:grid-cols-4 gap-3 w-full max-w-sm lg:max-w-none">
        <div className="rounded-2xl h-90 mt-2.5 bg-white col-span-2 row-span-2 border border-gray-200/50"></div>
        <div className="rounded-2xl h-52 bg-white border-gray-200/50"></div>
        <div className="rounded-2xl h-52 bg-white border-gray-200/50"></div>
        <div className="rounded-2xl h-40 bg-white border-gray-200/50"></div>
        <div className="rounded-2xl h-40 bg-white border-gray-200/50"></div>
      </div>