# IBM/css-gridish

Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.

Repository: https://github.com/IBM/css-gridish
Canonical: https://ross.abutalabs.com/products/css-gridish
Homepage: https://ibm.github.io/css-gridish/
Language: CSS
License: NOASSERTION
License Family: other
Topics: design
Archived: true
Last push: 2019-04-18T17:32:22+00:00

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

## Adoption (not part of the score)
Stars 2220, forks 99 (observed 2026-08-28T04:06:27.505259+00:00)

## What it is
CSS Gridish is a Node.js CLI tool that generates CSS Grid code with a Flexbox fallback from a JSON grid design spec, along with Sketch artboards and a Chrome extension for checking page alignment. It is not a pre-designed grid system but a generator for a team's custom grid.

## Use cases
- generate css grid code from design specs
- add flexbox fallback for browsers without css grid support
- create sketch artboards for a grid design system
- check webpage grid alignment in chrome
- build responsive grid matching bootstrap or material design specs

## When to choose
- your team designed a custom grid and needs CSS Grid plus Flexbox fallback code
- enterprise projects must support older browsers lacking CSS Grid Layout
- designers and developers need shared grid resources including Sketch files

## When to avoid
- you want an off-the-shelf grid system with pre-designed defaults
- your project only targets modern browsers with full CSS Grid support
- you need an actively maintained tool - the last release was in 2019

## Facets
- artifact type: cli-tool
- maturity: maintenance
- function: css-framework, build-tool, developer-tools
- domain: web-development, frontend, web-design, developer-tools
- platform: cli, browser-extension, cross-platform
- tags: css-grid, flexbox-fallback, design-systems, sketch, grid-generator, scss, nodejs

## Member repositories
- IBM/css-gridish (main) score 10

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:27.505259+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-30T02:45:49.496789+00:00, confidence not recorded.
  - readme: https://github.com/IBM/css-gridish (fetched 2026-08-28T04:06:27.505259+00:00, sha a2b9fae90a15)
  - homepage: https://ibm.github.io/css-gridish/ (fetched 2026-08-29T10:25:51.615360+00:00, sha fa12f0006c06)
- Data as of 2026-08-30T08:39:29.467469+00:00.