CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience. Stitches avoids unnecessary prop interpolations at runtime, making it more performant than other styling libraries. Packed full of useful features like theming, smart tokens, css prop, as prop, utils, and a fully-typed API. Stitches has a fully-typed API, to minimize the learning curve, and provide the best possible developer experience. Stitches has a dedicated React lib, but @stitches/core works with any framework including Vue, Svelte, and even vanilla HTML. Variants are first-class citizens of Stitches. With multiple variants, compound variants, and default variants, you can design composable component APIs which are typed automatically. Stitches has built-in solutions for tokens and theming, which use CSS variables under the hood. You can define multiple themes, then expose them to any part of your app.
Features
- Define multiple component variants
- Apply styles only when multiple variants match
- Set a value as the default for each variant
- Dark mode is effortless with built-in theming
- Reference pre-existing tokens to define semantic aliases
- Define tokens with our built-in solution