---
title: "Layoutit Grid"
description: "Interactive CSS Grid builder supporting named areas, nested grids and live HTML plus CSS export."
canonical: "https://vibing.inc/library/layoutit-grid-vg-0688"
category: "Design Tools & Generators"
subcategory: "CSS generators"
license: "MIT"
author: "Leniolabs"
source: "https://grid.layoutit.com/"
---

# Layoutit Grid
Interactive CSS Grid builder supporting named areas, nested grids and live HTML plus CSS export.
## Facts
- Source: https://grid.layoutit.com/
- Category: Design Tools & Generators / CSS generators
- Author: Leniolabs
- Licence: MIT
- Tags: css, grid, layout, named-areas
## Why it's a gem
Named grid-areas authored visually; the only generator that handles nesting well.
---
Listed in The Vibeary: https://vibing.inc/library/layoutit-grid-vg-0688 · JSON: https://vibing.inc/api/public/library/gems/layoutit-grid-vg-0688