CSS Layout Generator
Install latest/stable of CSS Layout Generator
Ubuntu 16.04 or later?
Make sure snap support is enabled in your Desktop store.
Install using the command line
sudo snap install css-layout-generatorDon't have snapd? Get set up for snaps.
Details for CSS Layout Generator
Package name
- css-layout-generator
License
- MIT
Last updated
- Yesterday - latest/stable
Report a Snap Store violation
Report CSS Layout Generator for a Snap Store violation
Snap Store Violation Report submitted successfully
Thank you for your report. Information you provided will help us investigate further.
Error submitting report
There was an error while sending your report. Please try again later.
Share this snap
Generate an embeddable card to be shared on external websites.
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.
| Revision | Channel | Version | Build | Commit | Download SBOM |
|---|
The build and commit information is derived from build infrastructure records.
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.
