csswizardry/csswizardry-grids

Health v2 · maintenance only

Flags: no_releases no_license

Adoption not part of the score

1484 stars · 199 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

csswizardry-grids is a Sass-based, responsive CSS grid system with fluid, nestable, and reorderable layout classes. It uses a modified BEM naming convention with breakpoint-namespaced classes and optional silent classes to keep grid classes out of HTML markup.

Use cases

• build responsive multi-column page layouts
• create nestable grid layouts with or without gutters
• reorder or reverse grid items at specific breakpoints
• generate grid classes via Sass silent classes instead of HTML classes
• implement mobile-first layouts with configurable breakpoints

When to choose

• you want a lightweight, dependency-free Sass grid for a responsive site
• you prefer human-readable BEM-style class names
• you need push/pull and breakpoint-specific column widths
• your project uses Sass and mobile-first design

When to avoid

• your project uses modern CSS Grid or Flexbox layouts natively
• you need a full CSS framework with components beyond grids
• you want actively developed tooling with recent updates
• you avoid utility-class-based layout approaches

Facets

library · maturity maintenance

css-framework ui-components templating web-development frontend web-design cross-platform sass grid-system responsive-design mobile-first bem css-layout web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="csswizardry/csswizardry-grids")