Examples

Complete, working examples showing Turbo Themes integrated with popular frameworks. Each example includes theme switching, localStorage persistence, and FOUC prevention.

Web Frameworks

HTML Vanilla

Zero-dependency vanilla JavaScript implementation. Perfect for learning the basics.

HTMLCSSJavaScript ~5KB

View Source Try in StackBlitz

React

React 18 + TypeScript with custom useTheme hook for state management.

ReactTypeScriptVite ~10KB

View Source Try in StackBlitz

Vue

Vue 3 Composition API with useTheme composable and reactive state.

Vue 3TypeScriptVite ~10KB

View Source Try in StackBlitz

CSS Frameworks

Tailwind CSS

Tailwind preset integration mapping Turbo tokens to utility classes.

TailwindPostCSSVite ~15KB

View Source Try in StackBlitz

Bootstrap

Bootstrap 5 integration with SCSS variable mapping and light/dark mode.

Bootstrap 5SCSSVite ~50KB

View Source Try in StackBlitz

Static Site Generators

Jekyll

Ruby gem integration for Jekyll sites with Bulma components.

JekyllRubyBulma ~250KB

View Source

Native Platforms

SwiftUI

iOS/macOS app with ThemeManager and generated Swift types.

SwiftUIiOSmacOS Native

View Source

Want to contribute?

We welcome new examples! If you've integrated Turbo Themes with a framework not listed here, consider contributing it to help others.

Contribution Guide