Build interfaces in layers.

Typed design tokens, cascade-layered utilities and accessible components you copy into your codebase. Everything you need to ship Strata 3.

Try

npx @strata/cli@latest init

Quick start

From zero to styled in three steps

Run strata init — it detects your framework and writes the config.

Define colours, radius and type as a typed object. Dark mode comes free.

Copy accessible components into your repo and make them yours.

Component library

16 documented components with live previews, props tables and copy-paste source.

The strata CLI

Scaffold, add components, generate themes and catch setup drift in CI.

Framework guides

First-party plugins for the bundlers you already use. Pick one to see the one-line setup.

vite.config.ts

import strata from "@strata/vite";

export default defineConfig({
  plugins: [strata()],
});

Then import @strata/core/layers.css once. Manual setup →

Popular this month

Community

Maintained by Maya, Jonas, Priya, Theo, Amara and you.

Discussions

9,860 members · median reply 3h

Get help

FAQ and contact form

v3.6.8

Faster cold starts and Slider fixes

One email per minor release. No marketing, unsubscribe anytime.