Vanilla Extract

Zero-runtime Stylesheets in TypeScript

Zero-runtime stylesheets in TypeScript. Write your styles in TypeScript with full type safety and extract them to static CSS at build time.

10K

GitHub Stars

native

TypeScript

medium

Learning Curve

4.5

DX Score

Visiter le Site Web → Voir la Documentation GitHub

Tarification

Model

free

Offre Gratuite

MIT licensed, fully open source

Fonctionnalités

✓ Zero runtime CSS
✓ TypeScript-first
✓ Scoped class names
✓ Theming with type safety
✓ Sprinkles (utility classes)
✓ Recipes (variants)
✓ CSS variables
✓ Build-time extraction

Avantages

+ No runtime overhead
+ Full TypeScript integration
+ Type-safe theming
+ Static CSS output
+ Great for design systems

Inconvénients

- Build tool configuration required
- Separate .css.ts files
- Less dynamic than runtime solutions
- Smaller ecosystem

Idéal Pour

enterprise startup

Alternatives

styled-components emotion stitches

css-in-js typescript zero-runtime static-css