vanilla-extract
TypeScript tooling for generating static stylesheets.
What it does
TypeScript tooling for generating static stylesheets.
When it fits
Writing typed styles and design tokens without runtime style generation.
Other options in this category
- chroma.js — Generating palettes and color scales for interfaces or charts.
- Class Variance Authority — Managing size, color, and state variants in a component system.
- clsx — Building className values from component states and optional styles.
- CSS Modules — Writing stylesheets without exposing every class name globally.
- Emotion — Building component-level styles with a flexible CSS-in-JS API.
Source
Project source for vanilla-extract ↗
Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.