Login

To get started

Grid Layout Builder

Create a custom grid layout with Tailwind CSS

1x1

Columns: 4Rows: 1

Unified Gap

Gap: 4px(0 / 8)

Grid Presets

Tailwind Classes

grid grid-cols-4 gap-4

HTML Structure

<div class="grid grid-cols-4 gap-4">
  <div class="col-start-1">1</div>
  <div class="col-start-2">2</div>
  <div class="col-start-3">3</div>
  <div class="col-start-4">4</div>
</div>