@teacss/astro

The Astro integration for TeaCSS. It registers @teacss/vite, which runs the Rust engine in process, and imports the generated stylesheet into every page. It needs Node.js 26 or later and Astro 6 or later.

Install

npm install --save-dev @teacss/astro astro

Use

// astro.config.mjs
import { teacss } from "@teacss/astro";
import { defineConfig } from "astro/config";

export default defineConfig({ integrations: [teacss()] });

Configuration lives in a CSS entry. Create index.css at the project root:

@presets "standard,icons,official";
@source "./src/**/*.{astro,md,mdx,js,jsx,ts,tsx}";
@teacss;

Every page gets the generated CSS; injectEntry: false turns that off, and a string names another module to import instead. The dev server serves the inspector at /__teacss.

Documentation

• Build integrations and their options
• The CSS entry
• The TeaCSS skill for syntax, presets and tooling