astroturfcss/astroturf

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

2284 stars · 57 forks observed · 2026-08-28

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

Astroturf is a zero-runtime CSS-in-JS library that lets you write CSS in template literals inside your JavaScript files while keeping styles fully static. It compiles styles through your existing CSS pipeline (Sass, PostCSS, Less) at build time with no runtime style parsing.

Use cases

• write css-in-js without runtime overhead
• keep component styles in the same file as the component
• use sass or postcss with css-in-js
• extract static css from javascript components
• style react components with zero runtime
• integrate existing css tooling with component-scoped styles

When to choose

• you want css-in-js ergonomics but static, extractable CSS files
• you already have a Sass/PostCSS/Less pipeline you want to keep
• runtime style injection is unacceptable for performance or CSP reasons
• you prefer colocating styles with components over separate CSS files

When to avoid

• you need fully dynamic runtime theming or style computation
• your project uses a framework or bundler without astroturf loader support
• you want a large ecosystem of styling primitives like styled-system
• the project appears to be in maintenance mode with infrequent releases

Facets

library · maturity maintenance

css-framework build-tool templating web-development frontend web-design cross-platform css-in-js zero-runtime static-css sass postcss less component-styling webpack nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="astroturfcss/astroturf")