Create Your Perfect Theme

Customize colors, radius, and more. Export your theme as CSS variables ready to use in your project with Tailwind CSS.

Desktop Only

The theme generator is only available on desktop devices for the best experience.

Live Preview

Real-time updates

Preview how your theme looks on different components

Buttons

All button variants

Badges

Status indicators

Default

Secondary

Outline

Destructive

Avatars

User profile images

Form Controls

Input elements

Remember me

Notifications

Progress

Loading states

Processing33%

Uploading66%

Complete100%

Slider

Range selection

Volume50%

Brightness25%

Alerts

Notification messages

Information

Your session will expire in 5 minutes.

Error

Failed to save changes. Please try again.

Skeleton

Loading placeholders