Features
Tanstack Integration
Tanstack Router and Tanstack Start first class support
Zero FOUC
Theme applied before React hydration to prevent any Flash of Unstyled Content.
SSR Support
Works seamlessly with server-side rendering.
Client Support
Works seamlessly with SPA (Single Page Applications).
System Theme Detection
Automatically follows OS dark/light mode preferences.
Different Storage Types
Save theme with built-in localStorage, sessionStorage, cookieStorage, or write your own custom storage adapter.
Cross-Tab Synchronization
Theme changes sync across browser tabs.
Flexible Theme Application
Apply themes via data attributes or CSS classes.
Custom Theme Values
Map theme names to custom attribute values.
TypeScript Support
Fully typed API.
Lightweight
Minimal bundle size with no external dependencies (except peer deps).
No Transition Flash
Optionally disable CSS transitions during theme changes.