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

Visitar Sitio Web → Ver Documentación GitHub

Precios

Model

free

Plan Gratuito

MIT licensed, fully open source

Características

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

Ventajas

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

Desventajas

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

Mejor Para

enterprise startup

Alternativas

styled-components emotion stitches

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