microsoft/griffel
CSS-in-JS with ahead-of-time compilation ⚡️ observed · 2026-08-28
Health v2 · maintenance only
77/100
- Activity 99
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 1723
- days_rel: n/a
- days_push: 8
- n_releases_24m: 0
Adoption not part of the score
1281 stars · 80 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
Griffel is a CSS-in-JS library for React with near-zero runtime, ahead-of-time compilation, and atomic CSS output. It supports server-side rendering, optional build-time transforms via Webpack, and type-safe styles through csstype.
Use cases
- style react components with javascript objects
- css-in-js with near-zero runtime
- server-side render styles in next.js
- precompile styles at build time
- avoid css specificity issues with atomic css
- extract css to stylesheets instead of runtime insertion
- debug css-in-js styles in chrome
When to choose
- building react apps, especially with fluent ui or next.js
- you want type-safe styles and atomic css
- you need ssr support with minimal runtime cost
When to avoid
- non-react projects
- you prefer plain css or utility-first frameworks like tailwind
- you need stable css extraction, which is still experimental
Facets
library · maturity active
css-framework frontend-framework build-tool ssr web-development frontend web-design browser css-in-js atomic-css react ahead-of-time-compilation type-safe-styles webpack-plugin browser-extension nodejs web-server
3 sources
- readme: https://github.com/microsoft/griffel · fetched 2026-08-28 · f752f609869f
- homepage: https://griffel.js.org · fetched 2026-08-29 · 47b30e96befc
- site_page: https://griffel.js.org/react/install · fetched 2026-08-29 · d941d6063379
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| microsoft/griffel | main | 77 |
For agents
markdown · JSON · MCP: product_card(name="microsoft/griffel")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem