Documentation

Getting Started

Quick Start Get Started Core Concepts

Semantic Tokens Code Tokens

Themes

Custom Themes Scoped Theme Sunrise & Sunset Migration

Default Presets Brand Presets

Runtime

Zero Flash Animation & Transition Advanced Features Custom Scrollbar Theme Inspector Architecture Persistence Multi-Window Sync

Deep Dives

Token Resolution Plugins DOM Adapters Framework-Free Vite Plugin

Adapters

Overview shadcn/ui Bootstrap daisyUI Open Props Material UI Chakra UI Ant Design Mantine UnoCSS

Frameworks

Overview React Next.js Vue 3 Svelte 5 Solid Angular Web Components Tailwind CSS Astro Nuxt Remix

Use Cases

Playground Theme Studio Accessibility Showcase

CLI

Overview Installation Quick Start

Commands

generate validate inspect migrate export

Workflows CI & Automation Reference

Reference

Package Map API Reference DevTools Troubleshooting Known Limitations

Project

CLI

@theme-kit/cli

CLITooling5 exports

Generate, validate, migrate, inspect and export themes from the command line.

Installation

View on npm ↗Source ↗

Install the integration alongside @theme-kit/core.

bash

pnpm add @theme-kit/cli

Quick Start

Complete copy-paste usage for this package.

terminal

bash

theme-kit generate --seed "#6366f1" --family indigo --output theme.json
theme-kit validate theme.json
theme-kit export theme.json --format css

API Reference

Curated highlights below. The complete generated reference — every signature, parameter and type — is at /api-reference/cli.

Commands

Export	Description
`generate`	Generate a theme from a seed color (--seed, --family, --output).
`validate`	Validate a theme JSON file.
`migrate`	Migrate a theme to the latest format.
`inspect`	Inspect a theme's details.
`export`	Export a theme to CSS or JSON.

@theme-kit/cli — Theme Kit