Schatten
Interfaces with shadow, shipped in two layers.
React components, and CSS classes you can use in plain HTML. Schatten ships both on one set of design tokens.
This page is built with the React components and rendered to static HTML at build time; what reaches your browser is that HTML and the single stylesheet we publish.
v1.1.0
API stable
ESM only
One button, two ways to write it
React or plain HTML — the same single stylesheet arrives, so the render is identical.
<Button variant="primary"
size="md">
Save
</Button><button class="st-btn
st-btn--primary st-btn--md">
Save
</button>Render (live on this page)
Dark mode follows the OS setting (
prefers-color-scheme). That switch is the token layer’s job too — zero page-side code.