sdras/cssgridgenerator
🧮 Generate basic CSS Grid code to make dynamic layouts! observed · 2026-08-28
Health v2 · maintenance only
66/100
- Activity 76
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2656
- days_rel: n/a
- days_push: 149
- n_releases_24m: 0
Adoption not part of the score
5353 stars · 571 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
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
application · maturity maintenance
css-framework developer-tools ui-components web-development frontend web-design developer-tools browser css-grid layout-generator vue code-generation visual-tool web nodejs
1 source
- readme: https://github.com/sdras/cssgridgenerator · fetched 2026-08-28 · ad65cb2e2088
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| sdras/cssgridgenerator | main | 66 |
For agents
markdown · JSON · MCP: product_card(name="sdras/cssgridgenerator")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem