sylvainpolletvillard/postcss-grid-kiss

Health v2 · maintenance only

Adoption not part of the score

1316 stars · 50 forks observed · 2026-08-28

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

A PostCSS plugin that lets developers define CSS Grid layouts by drawing them as ASCII art directly inside a single 'grid-kiss' declaration in their stylesheet. At build time it compiles that visual diagram into the full set of standard CSS Grid properties and grid-area assignments for the matching selectors.

Use cases

• simplify writing css grid layouts in a stylesheet
• draw page layouts as ascii art inside css
• replace verbose css grid properties with one declaration
• postcss plugin to generate css grid code
• visualize and maintain grid layouts directly in source css
• convert ascii grid diagrams to grid-area rules

When to choose

• You already have PostCSS in your build pipeline and want readable, visual grid definitions
• You want one intuitive declaration instead of the ~24 CSS Grid properties
• You value seeing the layout structure at a glance in your CSS source

When to avoid

• You don't use a PostCSS/Node build step and need plain CSS only
• You're comfortable with native CSS Grid syntax, which is now widely supported
• You or your team find ASCII art hard to diff, review, or maintain in version control

Facets

plugin · maturity maintenance

build-tool css-framework web-development frontend web-design postcss-plugin css-grid ascii-art layout stylesheet css-transpiler developer-tools nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="sylvainpolletvillard/postcss-grid-kiss")