Open Source

Beautiful themes
for any project

A design token system with 9 curated color themes. Switch themes instantly with CSS custom properties.

Get Started Explore Themes

Try a theme:

View all

Why Turbo Themes?

Everything you need for beautiful, consistent theming

9 Beautiful Themes

Catppuccin, Dracula, GitHub, and Bulma variants - carefully crafted dark and light modes.

Pure CSS

Zero dependencies. Just CSS custom properties you reference with var(--turbo-*).

Multi-Platform

Available as npm package, Ruby gem, Python library, and Swift package.

Accessible

WCAG compliant contrast ratios. Keyboard navigation and screen reader support built-in.

Quick Install

Get started in seconds with your preferred package manager

npm install turbo-themes

Then import the CSS in your project

<link rel="stylesheet" href="https://unpkg.com/turbo-themes/css/turbo-core.css" />
<link rel="stylesheet" href="https://unpkg.com/turbo-themes/css/themes/turbo/catppuccin-mocha.css" />

No build step required

pip install turbo-themes

Use ThemeManager to access tokens in Python

gem "turbo-themes"

Add to your Gemfile for Jekyll sites

View full installation guide

See It In Action

Components adapt seamlessly to your chosen theme

Buttons

State Buttons

Form Elements

Notifications

An info notification with theme colors.

Code Block

const theme = {
  name: 'catppuccin-mocha',
  type: 'dark',
};

View all components

Integrations Available

Adapters for popular CSS frameworks if you need them

Bulma

Adapter maps Turbo variables to Bulma's internal CSS variables.

Tailwind

Preset adds Turbo colors as utility classes like bg-turbo-primary.

Bootstrap

SCSS variables and utilities that integrate with Bootstrap 5.

Ready to get started?

Install Turbo Themes and start building beautiful, themeable interfaces.

Read the Docs View on GitHub

Beautiful themes for any project