# vanilla-extract-css/vanilla-extract

Zero-runtime Stylesheets-in-TypeScript

Repository: https://github.com/vanilla-extract-css/vanilla-extract
Canonical: https://ross.abutalabs.com/products/vanilla-extract
Homepage: https://vanilla-extract.style
Language: TypeScript
License: MIT
License Family: permissive
Last push: 2026-08-07T00:43:17+00:00

## Health v2 (maintenance only)
Score: 94/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 96, release rhythm 87, longevity 100
- inputs: {"age_days": 1986, "days_push": 27, "days_rel": 6, "gap_med": 0, "n_releases_24m": 182}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 10413, forks 356 (observed 2026-08-28T04:10:41.935633+00:00)

## What it is
vanilla-extract is a zero-runtime CSS-in-TypeScript library that lets you write locally scoped styles, CSS variables, and themes in .css.ts files, generating static CSS at build time. It is framework-agnostic with integrations for Vite, webpack, esbuild, Next.js, and other bundlers, and offers optional packages like Sprinkles (atomic CSS) and Recipes (multi-variant styles).

## Use cases
- write type-safe CSS in TypeScript with zero runtime overhead
- generate static CSS files at build time instead of CSS-in-JS
- create scoped CSS variables and type-safe theme contracts
- build a custom atomic CSS utility system like Tailwind
- create multi-variant component styles with recipes
- avoid runtime style generation costs in a React or framework-agnostic app

## When to choose
- you want CSS Modules-like scoping plus type safety and scoped CSS variables
- you need zero-runtime styles for performance-sensitive frontends
- you want a type-safe theming/token system with multiple simultaneous themes
- you use Vite, webpack, esbuild, Next.js, or another supported bundler

## When to avoid
- you want fully dynamic runtime styling based on arbitrary user input
- your project has no bundler or TypeScript build step
- you prefer plain CSS or a preprocessor like Sass without tooling setup
- you need a single-file drop-in solution without build configuration

## Facets
- artifact type: library
- maturity: stable
- function: css-framework, frontend-framework, build-tool, ui-components, theme
- domain: frontend, web-development, web-design, developer-tools
- platform: cross-platform, browser
- tags: css-in-typescript, zero-runtime, css-modules, atomic-css, theming, type-safe-css, static-css-generation, design-tokens, nodejs, web-server

## Member repositories
- vanilla-extract-css/vanilla-extract (main) score 94

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:10:41.935633+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-29T17:19:03.282729+00:00, confidence not recorded.
  - readme: https://github.com/vanilla-extract-css/vanilla-extract (fetched 2026-08-28T04:10:41.935633+00:00, sha ab67bf9e9aea)
  - homepage: https://vanilla-extract.style (fetched 2026-08-29T08:18:48.555787+00:00, sha 47c4e7471740)
  - site_page: https://vanilla-extract.style/documentation/getting-started (fetched 2026-08-29T08:18:48.565079+00:00, sha 0cf2bd2b7166)
  - site_page: https://vanilla-extract.style/documentation/packages/sprinkles (fetched 2026-08-29T08:18:48.567129+00:00, sha 6636b8628499)
  - site_page: https://vanilla-extract.style/documentation/packages/recipes (fetched 2026-08-29T08:18:48.569545+00:00, sha a01e42134480)
  - site_page: https://vanilla-extract.style/documentation/styling (fetched 2026-08-29T08:18:48.571407+00:00, sha 5e2618970607)
  - site_page: https://vanilla-extract.style/documentation/theming (fetched 2026-08-29T08:18:48.573304+00:00, sha 127cd0876594)
  - site_page: https://vanilla-extract.style/documentation/style-composition (fetched 2026-08-29T08:18:48.575097+00:00, sha cb8fb6950035)
  - site_page: https://vanilla-extract.style/documentation/test-environments (fetched 2026-08-29T08:18:48.576682+00:00, sha fed27ae9fb8e)
  - site_page: https://vanilla-extract.style/documentation/api/style (fetched 2026-08-29T08:18:48.578217+00:00, sha f891fc0d6f78)
- Data as of 2026-08-30T08:39:29.467469+00:00.