✨ Open Source • Production Ready

Bootstrap themes, redefined.

Design and export professional Bootstrap 5 themes in seconds. Zero SCSS, zero build tools, 100% pure CSS.

🚀 Launch Designer Documentation
50+
Palettes
50+
Fonts
50+
Presets
0
Build Steps
Theme Preview
Design Export Deploy Profit
💡 Tip: Switch themes above to see this change!
✓ Theme applied successfully.
👆 Try it: Select a theme from the Themes dropdown — every element on this page transforms instantly. Nordic Elegance

Live Theme Showcase

Every component below responds to the active theme. Switch themes to compare them in real time.

Buttons

Badges

Primary Secondary Success Danger Warning Info

Progress

Color Palettes

Choose from 30+ carefully designed color palettes or create your own.

Explore
⭐ Featured
Visual Designer

Real-time theme editor with instant preview. No coding required.

Try Now
Easy Export

One-click export. Drop the CSS file into your project and you're done.

Learn More

Form Elements

Alerts

Table

# Theme Category Status
1 Nordic Elegance Professional Active
2 Cyber Neon Creative New
3 Sunset Warmth Warm Beta

Some screenshots

Take a look at how different presets transform the entire visual experience.

Nordic Elegance Theme Screenshot
Nordic Elegance
Candy Pop Theme Screenshot
Candy Pop
Retro Classic Theme Screenshot
Retro Classic
Studio Dark Theme Screenshot
Studio Dark

Why choose BTDT?

A Bootswatch alternative that puts you in full control.

No SCSS Required

Forget Ruby, Node, or build steps. Pure CSS custom properties for instant styling.

Smart Dark Mode

Built-in dark mode with smooth transitions. Toggle via API without page refresh.

Modular System

Mix palettes, fonts, and structural styles. Create unique combinations effortlessly.

Runtime Hot-Swap

Change themes dynamically via the JavaScript API. No reloads, no rebuilds needed.

AI-Ready

Built-in AI Skills let your assistant create new themes following the architecture automatically.

Zero Dependencies

Works from the file:// protocol. No server, no CORS issues, fully portable anywhere.

Design to Production

Three simple steps. No complexity.

  1. 1
    Design Visually

    Open the editor and experiment with palettes, fonts, borders, and shadows in real time.

  2. 2
    Export Your Theme

    Click "Copy CSS Preset" to get your optimized theme as a clean CSS file.

  3. 3
    Drop & Ship

    Save the CSS, add two lines to your HTML, and you're live. That's it.

index.html 
/* Pure CSS — Maximum Performance */

<head>
  <link rel="stylesheet" href="btdt/css/bootstrap.min.css">
  <link rel="stylesheet" href="btdt/themes/preset/my-theme.css">
</head>

/* Optional: JS API for dynamic switching */

<script src="btdt/js/btdt.min.js"></script>

btdt.load('aurora');   // Switch theme
btdt.toggleMode();     // Dark / Light

BTDT vs. the Competition

See how BTDT compares to traditional approaches.

Feature BTDT Bootswatch Custom SCSS
Visual Editor ✓ ✗ ✗
Runtime Theme Switching ✓ ✗ ✗
No Build Tools Required ✓ ✓ ✗
Modular Components ✓ ✗ ~
Dark Mode Toggle ✓ ✗ ~
AI-Ready Architecture ✓ ✗ ✗
Works from file:// ✓ ✓ ✗

Ready to build something beautiful?

Start designing your professional Bootstrap 5 theme today. Free, open source, no installation needed.

🚀 Get Started Free View on GitHub