Indie Kit DocsIndie Kit Docs
Components

1000+ Themes

Customize your Indie Kit app with beautiful themes

Access 1000+ Themes 🎨

Easily customize your Indie Kit app's look and feel with our theme system.

Theme Generator ⚡️

Use our recommended theme generator: Shadcn UI Theme Generator

Features:

  • 🎨 1000+ color combinations
  • 🌙 Automatic dark mode
  • 🎯 Real-time preview
  • 📱 Mobile-friendly colors
  • 🚀 One-click export

How to Apply 💡

  1. Visit the Theme Generator
  2. Customize your colors
  3. Copy the generated code
  4. Update variables in /src/app/globals.css
/* Example globals.css */
@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 240 10% 3.9%;
    /* Paste your theme variables here */
  }
}

That's it! Your new theme will be applied instantly. 🚀

On this page