Shadcn Theme Editor

Manage Shadcn theme colors with an intuitive UI.

Shadcn Theme Editor is a user-friendly component designed to simplify the process of managing and customizing theme colors in Shadcn-based projects

See your components with custom colors

Experiment with different color values and instantly preview how buttons, cards, and other components adapt.

PrimarySecondaryAccentOutlineDestructive

Text Styles Preview

Quickly see how different Tailwind text color utilities look in this theme.

Foregroundtext-foreground

Primarytext-primary

Primary-Foregroundtext-primary-foreground

Secondary-Foregroundtext-secondary-foreground

Popover-Foregroundtext-popover-foreground

Muted-Foregroundtext-muted-foreground

Accent-Foregroundtext-accent-foreground

Destructivetext-destructive

Cookie Settings

Manage your cookie settings here.

Strictly NecessaryThese cookies are essential in order to use the website and use its features.

Functional CookiesThese cookies allow the website to provide personalized functionality.

Performance CookiesThese cookies help to improve the performance of the website.

Create an account

Enter your email below to create your account

Or continue with

Password

Delete Account

This will remove your account from the system.

Please be absolutely sure you want to delete your account. You will not be able to recover your account after this.

Notifications

You have 3 unread messages.

Push Notifications

Send notifications to device.

Your call has been confirmed.

1 hour ago

You have a new message!

1 hour ago

Your subscription is expiring soon!

2 hours ago