Tailwind Grid Generator

Grid Structure

Columns (1-12)3

Rows (1-12)3

Gap4

Alignment

Flow Direction

Justify Content

Align Items

Spacing & Borders

Padding4

Margin0

Border0

Item Classes

Custom Classes

Preview

1

2

3

4

5

6

7

8

9

Generated Tailwind Class

grid grid-cols-3 grid-rows-3 gap-4 p-4

Presets

Simple Grid

Simple Grid, Small Gaps

Spanning Columns

Spanning Rows