# vanilla-extract

Build-time CSS tool that lets styles be written in TypeScript, with locally scoped class names and CSS variables.


Source: https://findsoftware.frbit.cloud/vanilla-extract/
Last reviewed: 2026-10-28
Listed since: 2026-10-28

## Record

### Links

- home: https://vanilla-extract.style
- repository: https://github.com/vanilla-extract-css/vanilla-extract
- docs: https://vanilla-extract.style/documentation/getting-started/
- discord: https://discord.gg/6nCfPwwz6w
- forum: https://github.com/vanilla-extract-css/vanilla-extract/discussions

### Identity

- status: active
- maintainer: SEEK
- maintainerType: unknown
- parent: unknown
- firstRelease: 2021
- hqCountry: unknown

### Kind

- category: css-framework
- hosting: not applicable
- language: javascript
- runtime: unknown
- runtimeMin: not applicable
- basedOn: unknown

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: local
- renderingModes: not applicable
- installMethod: npm

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 1
- latestReleaseDate: 2026-10-08

### Adoption

- githubStargazers: 10441
- packagistDownloads: not applicable
- npmWeeklyDownloads: 3193302
- contributors: 140
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 8615
- dependentPackages: 598

### Sources

- urls: https://vanilla-extract.style/ (read 2026-10-28)
- urls: https://api.github.com/repos/vanilla-extract-css/vanilla-extract (read 2026-10-28)
- urls: https://vanilla-extract.style/documentation/getting-started/ (read 2026-10-28)
- firstRelease: https://registry.npmjs.org/@vanilla-extract/css (read 2026-10-28)
- maintainer: https://github.com/vanilla-extract-css/vanilla-extract/blob/master/LICENSE (read 2026-10-28)
- language: https://api.github.com/repos/vanilla-extract-css/vanilla-extract (read 2026-10-28)
- category: https://vanilla-extract.style/ (read 2026-10-28)
- installMethod: https://vanilla-extract.style/documentation/getting-started/ (read 2026-10-28)
- runsAs: https://github.com/vanilla-extract-css/vanilla-extract/blob/master/README.md (read 2026-10-28)
- license: https://github.com/vanilla-extract-css/vanilla-extract/blob/master/LICENSE (read 2026-10-28)
- licenseModel: https://github.com/vanilla-extract-css/vanilla-extract/blob/master/LICENSE (read 2026-10-28)
- currentMajor: https://registry.npmjs.org/@vanilla-extract/css (read 2026-10-28)
- latestReleaseDate: https://registry.npmjs.org/@vanilla-extract/css (read 2026-10-28)
- githubStargazers: https://api.github.com/repos/vanilla-extract-css/vanilla-extract (read 2026-10-28)
- contributors: https://api.github.com/repos/vanilla-extract-css/vanilla-extract (read 2026-10-28)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@vanilla-extract/css (read 2026-10-28)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40vanilla-extract%2Fcss (read 2026-10-28)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40vanilla-extract%2Fcss (read 2026-10-28)

## Notes

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](https://vanilla-extract.style/documentation/getting-started/). 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.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0