🧁 Awesome Vanilla Extract

A list of awesome tools, guides, etc in the Vanilla Extract ecosystem.

Contributions welcome! Read the contribution guidelines first.

Contents

• Made for Vanilla Extract
• Utilities
• Articles & Guides

Made for Vanilla Extract

• Macaron - Typesafe CSS-in-JS with zero runtime, colocation, maximum safety and productivity.
• styled-vanilla-extract - A 0-runtime styled-components-like API for Qwik using vanilla-extract.
• Rainbow Sprinkles - Dynamic, theme-driven, style props for vanilla-extract.
• Box Extractor - Static code extraction. Zero-runtime CSS-in-TS <Box />.

Utilities

• CSS to Vanilla Extract - Generate vanilla-extract typescript file from a CSS (SCSS/SASS) file.

Integrations

• gatsby-plugin-vanilla-extract

Articles & Guides

• CSS in TypeScript with vanilla-extract - CSS Tricks
• Introduction to Vanilla Extract for CSS- This Dot Labs
• Using Vanilla Extract with SvelteKit - Rodney Lab
• Using Vanilla Extract with next-themes - Samuel Kraft