# astroturfcss/astroturf

Better Styling through Compiling: CSS-in-JS for those that want it all.

Repository: https://github.com/astroturfcss/astroturf
Canonical: https://ross.abutalabs.com/products/astroturf
Homepage: https://astroturfcss.github.io/astroturf/
Language: JavaScript
License: MIT
License Family: permissive
Topics: css, astroturf
Last push: 2023-12-19T09:33:10+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 3606, "days_push": 988, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2284, forks 57 (observed 2026-08-28T04:06:33.967658+00:00)

## What it is
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
- artifact type: library
- maturity: maintenance
- function: css-framework, build-tool, templating
- domain: web-development, frontend, web-design
- platform: cross-platform
- tags: css-in-js, zero-runtime, static-css, sass, postcss, less, component-styling, webpack, nodejs, web-server

## Member repositories
- astroturfcss/astroturf (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:33.967658+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:41:05.785549+00:00, confidence not recorded.
  - readme: https://github.com/astroturfcss/astroturf (fetched 2026-08-28T04:06:33.967658+00:00, sha 0c3096c60ec6)
  - homepage: https://astroturfcss.github.io/astroturf/ (fetched 2026-08-29T10:21:43.782374+00:00, sha f5e9694a3067)
- Data as of 2026-08-30T08:39:29.467469+00:00.