---
title: Install CSS Layout Generator on Linux | Snap Store
description: Get the latest version of CSS Layout Generator for Linux - Visual CSS
  Grid and Flexbox layout designer, viewport tester, and code exporte
url: https://snapcraft.io/css-layout-generator
---

# CSS Layout Generator

[TC Studio (thanhcong1902)](https://snapcraft.io/publisher/thanhcong1902 "View all snaps from TC Studio (thanhcong1902)")

* [TC Studio (thanhcong1902)](https://snapcraft.io/publisher/thanhcong1902 "View all snaps from TC Studio (thanhcong1902)")

latest/stable 1.0.0

Install latest/stable of CSS Layout Generator

---

**Install using the command line**

```
sudo snap install css-layout-generator
```

Don't have snapd? [Get set up for snaps](https://snapcraft.io/docs/installing-snapd).

---

### Package name

* css-layout-generator

---

### License

* MIT

---

### Last updated

* Yesterday - latest/stable

---

##### Report a Snap Store violation

* [Report this Snap](https://snapcraft.io/css-layout-generator#report-snap-modal)

---

* [Description](https://snapcraft.io/css-layout-generator#tab-description)
* [Security](https://snapcraft.io/css-layout-generator#tab-security)

#### Visual CSS Grid and Flexbox layout designer, viewport tester, and code exporte

CSS Layout Generator is a desktop visual CSS Grid and Flexbox layout studio,
responsive breakpoint tester, and clean HTML5 + CSS3 bundle exporter for Linux.
Design multi-track layouts, paint semantic named areas interactively, test reflow
across mobile, tablet, and desktop viewports, and export ready-to-use code bundles.

Key Features:

* Visual CSS Grid & Flexbox Designer: Configure columns, rows, fr/px/minmax tracks,
  row-gap and col-gap spacing, paint semantic named areas (header, nav, sidebar,
  main, aside, footer), or switch to Flexbox mode (direction, justify-content,
  align-items, wrap, item grow/shrink/basis) on a live proportional QPainter canvas.
* Responsive Viewport Simulator: Preview layout reflow at Mobile (375px), Tablet
  (768px), and Desktop (1280px) breakpoints with customizable collapse rules and an
  interactive area inspector displaying live box dimensions and overflow checks.
* Clean HTML5 + CSS3 Bundle Exporter: Generate and export formatted semantic
  index.html, styles.css with custom properties and media queries, plus a standalone
  single-file preview.html ready to open in any browser.

Disclaimer: CSS Layout Generator is an independent open-source project by TC Studio and is not affiliated with, endorsed by, or sponsored by LayoutIt.

---

## Install CSS Layout Generator on your Linux distribution

Choose your Linux distribution to get detailed installation instructions. If yours is not shown, get more details on the [installing snapd documentation](https://snapcraft.io/docs/installing-snapd).

[### Arch Linux](https://snapcraft.io/install/css-layout-generator/arch)

[### CentOS](https://snapcraft.io/install/css-layout-generator/centos)

[### Debian](https://snapcraft.io/install/css-layout-generator/debian)

[### elementary OS](https://snapcraft.io/install/css-layout-generator/elementary)

[### Fedora](https://snapcraft.io/install/css-layout-generator/fedora)

[### KDE Neon](https://snapcraft.io/install/css-layout-generator/kde-neon)

[### Kubuntu](https://snapcraft.io/install/css-layout-generator/kubuntu)

[### Manjaro](https://snapcraft.io/install/css-layout-generator/manjaro)

[### Pop!\_OS](https://snapcraft.io/install/css-layout-generator/pop)

[### openSUSE](https://snapcraft.io/install/css-layout-generator/opensuse)

[### Red Hat Enterprise Linux](https://snapcraft.io/install/css-layout-generator/rhel)

[### Ubuntu](https://snapcraft.io/install/css-layout-generator/ubuntu)