# sdras/cssgridgenerator

🧮 Generate basic CSS Grid code to make dynamic layouts!

Repository: https://github.com/sdras/cssgridgenerator
Canonical: https://ross.abutalabs.com/products/cssgridgenerator
Homepage: https://cssgrid-generator.netlify.com/
Language: Vue
License: MIT
License Family: permissive
Topics: css-grid, grid, grid-layout, grid-system, generated-code, generated-layout, netlify, vue
Last push: 2026-04-06T15:58:33+00:00

## Health v2 (maintenance only)
Score: 66/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 76, release rhythm 35, longevity 100
- inputs: {"age_days": 2656, "days_push": 149, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 5353, forks 571 (observed 2026-08-28T04:09:15.945384+00:00)

## What it is
A web-based visual tool that generates CSS Grid code for dynamic layouts. Users set columns, rows, and units, then drag to create grid-placed divs and copy the resulting CSS.

## Use cases
- generate css grid layout code visually
- create dynamic grid layouts without writing css by hand
- learn how css grid works by experimenting
- quickly scaffold grid-based page layouts
- drag boxes to define grid areas and get css

## When to choose
- you want a quick visual way to generate CSS Grid code
- you're learning CSS Grid and want to see how layouts map to code
- you need a simple starting point for a grid-based layout

## When to avoid
- you need advanced CSS Grid features like subgrid or named template areas
- you want a full layout framework or component library
- you need offline or CLI-based code generation

## Facets
- artifact type: application
- maturity: maintenance
- function: css-framework, developer-tools, ui-components
- domain: web-development, frontend, web-design, developer-tools
- platform: browser
- tags: css-grid, layout-generator, vue, code-generation, visual-tool, web, nodejs

## Member repositories
- sdras/cssgridgenerator (main) score 66

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:15.945384+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:58:47.480274+00:00, confidence not recorded.
  - readme: https://github.com/sdras/cssgridgenerator (fetched 2026-08-28T04:09:15.945384+00:00, sha ad65cb2e2088)
- Data as of 2026-08-30T08:39:29.467469+00:00.