Theme Generator

Create beautiful themes with live preview and instant export

Preset Themes

Start with a pre-designed theme

Color Palette

Fine-tune your color scheme

background

foreground

card

card foreground

popover

popover foreground

primary

primary foreground

secondary

secondary foreground

muted

muted foreground

accent

accent foreground

destructive

destructive foreground

border

input

ring

Border Radius

Sharp0.5remRounded

Welcome to Your App

This is how your theme looks in a real application context

Message

Accept terms and conditions

Option One

Option Two

Enable notifications

Card Title

Card description goes here

This is how cards appear with your custom theme. The borders, shadows, and colors all adapt to your selections.

Statistics

Your performance metrics

Progress75%

Active

Updated

New

You can customize every aspect of your theme using the controls on the left. Changes are reflected in real-time.