An interactive ui design tool
Discover the theme
of your project
A simple, intuitive tool for theming tailwind and shadcn/ui apps. Use the toolbar on top to try different color palettes and fonts. Click any element on the page to fine-tune your design.
Customize with some Examples
Create an account
Enter your email below to create your account
Payment Method
Add a new payment method to your account.
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
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?
shadcn/ui
Beautifully designed components built with Radix UI and Tailwind CSS.
Cookie Settings
Manage your cookie settings here.
Explore Theme AI
Color Toolkit
🎨
Effortless Color Customization
Choose and tweak colors with ease, using the color picker, eyedropper, hex input, or suggested colors.
🌈
Color Scheme Randomization
Instantly generate fresh color palettes based on your preferences and experiment with new looks effortlessly.
🌗
Intuitive Mode Switching
Toggle between light and dark modes seamlessly to find the perfect visual style for your app.
⏪
Undo and Redo
Maintain complete control over your design by easily reverting to previous states or comparing changes.
🖌️
Element-Specific Color Adjustment
Fine-tune colors for specific elements by simply clicking on them, revealing their distinct color options.
🔒
Color Locking
Lock colors you like and randomize the rest.
🔤
Advanced Font Selection
Tailor your typography with Google Fonts, and get inspired with a click of the Random button.
🔲
Border Radius Customization
Achieve the perfect element shape by adjusting the border radius to your liking.
🚀
Effortless Export
When your theme is ready, export the CSS with a single click and seamlessly integrate it into your project, making customization a breeze.