Pick a color

Or enter a Hex value

Saturation

Lightness

Radius

Mode

🎨UIHueGen
for shadcn.

Effortlessly generate custom themes from a single color, ready to copy and paste into your apps.

Buy me a coffee

NewWanna work with me?

Examples Mail Dashboard Tasks Playground Forms Music Authentication

Create an account

Enter your email below to create your account

Or continue with

Password

Payment Method

Add a new payment method to your account.

Name

Card number

Expires

Year

CVC

Team Members

Invite your team members to collaborate.

Sofia Davis

m@example.com

Jackson Lee

p@example.com

Share this document

Anyone with the link can view this document.

People with access

Olivia Martin

m@example.com

Isabella Nguyen

b@example.com

Sofia Davis

p@example.com

Pick a date

Notifications

Choose what you want to be notified about.

Everything

Email digest, mentions & all activity.

Available

Only mentions and comments.

Ignoring

Turn off all notifications.

Report an issue

What area are you having problems with?

Area

Security Level

Subject

Description

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

TypeScript

20k

Updated April 2023

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.

🎨UIHueGen for shadcn.

Build infinite themes seamlessly within your product.

🎨UIHueGen
for shadcn.