StyleSheet is the layer underneath, implemented as TeaCSS. It is not a React package and not an Astro package — it is the styling foundation both ecosystems compile against, so a button in an Astro site and a button in a React application resolve to the same tokens, the same scale, and the same colour space.
Why it exists
Tokens, utilities, colour handling in OKLCH, and low-level visual primitives are shared once instead of being re-derived by every framework integration. Astro and React can evolve independently while still resolving to the same visual language.
Start here
- Installation connects TeaCSS to the application’s build and source scan.
- Foundations explains which styling decisions belong in StyleSheet and which stay with the product package.
What it does not cover
Components. TeaCSS renders nothing and ships no markup. What renders belongs to the ecosystem package for the platform you are building on.
Related products
Use Astra for accessible Astro elements and Aster for page-level Astro blocks.