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

Website besuchen → Dokumentation anzeigen GitHub

Preise

Model

free

Kostenlose Stufe

MIT licensed, fully open source

Funktionen

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

Vorteile

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

Nachteile

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

Am besten für

enterprise startup

Alternativen

styled-components emotion stitches

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