Export turns the system you built into tokens you can paste into your project. What you see in the preview is what you get — there's no separate render step that might drift.
What exports
The core tokens always export: the standard semantic roles for both the Material layer and shadcn, in both modes. That's the minimum coherent set most projects need.
Toggles add more when you want it (which ones are available depends on the output format):
- Extended roles — surface tints and fixed color roles beyond the core set.
- Tonal palettes — the full 0–100 tone ramp for every key color, not just the roles in use.
- Chart colors — the data visualization color series.
- Contrast tiers — the medium and high-contrast variants alongside the default.
Brand color pair
Settings includes a separate export for your brand color pair, for when you need just the seed and its companion rather than the whole system.
Output format
Pick the format you export to. The Material layer offers Tailwind, CSS, JSON, Dart, and DESIGN.md; the shadcn layer exports a shadcn theme.
For the CSS-based formats you also choose the color format — oklch or hex — and the token names are the same either way. DESIGN.md is hex-only and exports a single mode, which you choose in the dialog.
shadcn theme presets
Alongside Export, the theme presets item gives you ready-made shadcn theme starting points. These are distinct from the binding presets, which set how roles map rather than producing an export.