Theme SwitchingMade Simple

Type-safe, modular, and instant theme switching for React & Tailwind CSS v4.

Get Started
TypeScript
Full Support
Tailwind v4
Ready
~2KB
Gzipped
localhost:3000
Button
Secondary
No Flash!
SSR Ready

Everything You Need

A complete theming solution with all the features you'd expect from a modern library.

Instant Switching

Zero runtime overhead. Themes switch instantly using CSS variables.

Fully Typed

TypeScript support out of the box. Autocomplete your theme tokens.

Tailwind v4 Ready

Seamless integration with the new Tailwind CSS engine.

Persistent

Theme preferences are saved to localStorage automatically.

System Aware

Respects user's system color scheme preference.

Scoped Themes

Apply different themes to different parts of your app.

Interactive Demo

Live Playground

Try clicking the themes below. This entire page uses the library.

Active Theme

Scoped Theming

This demo uses isolated theming. Changes only affect the preview panel, not the main page.

Dashboard.tsx
dark

Dashboard

Welcome back, Developer

+12%
12,430
Total Users
+8%
2,840
Active Now
+24%
$48.2K
Revenue

Recent Activity

2m ago
2m ago
2m ago

Quick Actions

Ready to Get Started?

Add beautiful, customizable themes to your React app in just a few minutes. It's free and open source.

~2KB
Gzipped
100%
TypeScript
MIT
Licensed