Create Your Perfect Theme

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

This customizer is moving into the CLI

zard-cli create will bring a deeper, project-level theme customization flow. It has not shipped yet — keep using this page to build and export your theme in the meantime. See it on the roadmap .

Customize colors, radius, and more.

Desktop Only

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

Live Preview

Real-time updates

Component Showcase

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

Create Your Perfect Theme

Component Showcase

Dashboard Preview