vanilla-extract
Build-time CSS tool that lets styles be written in TypeScript, with locally scoped class names and CSS variables.
vanilla-extract.stylerepositorydocs
vanilla-extract lets a project write its styles in TypeScript, which a bundler evaluates at build time into static CSS files. Class names are scoped locally, and CSS variables are available from the same code. The @vanilla-extract/css package is installed with npm and connected to the project’s bundler through an integration package for Vite, Webpack, Next.js, Astro and other bundlers listed in the getting started guide. Sprinkles, Recipes and Dynamic CSS are optional packages in the same repository, and Sprinkles is built on top of vanilla-extract.
Worth knowing
The package needs a bundler configured to handle CSS before any style file works.
Identity
Rendering and deploy
Releases
Adoption
Sources
- 2026-10-28: links, Categories
vanilla-extract.style/ - 2026-10-28: links, Written in, GitHub stars, Contributors
api.github.com/repos/vanilla-extract-css/vanilla-extract - 2026-10-28: links, Install with
vanilla-extract.style/documentation/getting-started/ - 2026-10-28: First release, Current major version, Last release
registry.npmjs.org/@vanilla-extract/css - 2026-10-28: Maintainer, License, License model
github.com/vanilla-extract-css/vanilla-extract/blob/master/LICENSE - 2026-10-28: Runs as
github.com/vanilla-extract-css/vanilla-extract/blob/master/README.md - 2026-10-28: npm downloads a week
api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@vanilla-extract/css - 2026-10-28: Dependent packages, Dependent repositories
packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40vanilla-extract%2Fcss