Stitches avoids unnecessary prop interpolations at runtime, making it significantly more performant than other styling libraries.
@stitches/react libraries combined weigh in at ~8.0kb gzipped.
Stitches supports cross-browser server-side rendering, even for responsive styles and variants.
Variants are a first-class citizen of Stitches, so you can design composable component APIs which are typed automatically.
Define multiple themes with CSS variables, then expose them to any part of your app.
With a fully-typed API, token-aware properties, and custom utils, Stitches provides a fun and intuitive DX.
Stitches only injects the styles which are actually used, so your users don't download unnecessary CSS.
No more specificity issues due to the atomic output. Even extended components (via the
as prop) won't contain duplicate CSS properties.
Included in Components returned from the styled function
Stitches provides a
css prop, which allows style overrides to be applied in the consumption layer.