Showcase
Built with Theme Kit
Theme Kit powers its own docs. These are the real apps — this documentation site, the interactive tools, and official example apps for every supported framework.
Official tools
The website you are on right now. Every route is server-rendered, re-themes live through the runtime, and features Theme Studio, the Accessibility Lab and the Playground.
Switch families and modes live, expand the token tree while CSS variables update in real time, time-travel through theme history, and try the multi-window sync and solar-time demos.
Pick a seed color and watch a full light + dark theme pair get generated with generateTheme(). Apply the result to the running site right away.
Live WCAG contrast checks, full-theme audits with validateThemeContrast, and color-vision-deficiency simulation applied to the real theme.
Example apps
Vite + React 19 with ThemeProvider, hooks and a live switcher — the reference integration.
App Router with SSR-safe hydration, cookie persistence and zero flash of incorrect theme.
Vue 3 with app.use(ThemeProvider, options) and composables exposed as refs.
Svelte 5 provider and runes-based reactive stores.
Solid with fine-grained signals and a context provider.
Angular providers and injectables wired through the DI container.
Framework-free theming with custom elements — provider, toggle and select.
Islands integration with a zero-flash blocking script.
Nuxt 3 module with auto-imported composables and components.
Loader-based SSR theming with a blocking head script.