@vanilla-extract/css

Zero-runtime Stylesheets-in-TypeScript

Zero-runtime, type-safe stylesheets in TypeScript.

When to choose it: You want CSS-in-TS with no runtime cost and full type safety — styles compiled to static CSS at build time.

  • + Zero runtime
  • + Fully type-safe
  • + Works great with RSC
  • - Build-time only (limited fully-dynamic styles)
  • - Setup required
Latest version
1.20.1
Monthly downloads
8,915,335
GitHub stars
—
Minified + gzip
21.6 kB
Dependencies
11
License
MIT

Compare @vanilla-extract/css with

vs styled-componentsvs @emotion/reactvs goobervs @stitches/react

Data from npm, Bundlephobia and GitHub. Last updated 2026-06-02.