Theme Builder

Theme Builder

Customize your theme colors, fonts, shadows, and more. Preview changes in real-time with the component examples below.

Component Preview

Live preview of your theme customizations

Upgrade your subscription
You are currently on the free plan. Upgrade to the pro plan to get access to all features.
Plan

Select the plan that best fits your needs.

tweakcn
A visual editor for shadcn/ui components with beautiful themes. Accessible. Customizable. Open Source.
TypeScript
20k
Updated April 2023
Move Goal
Set your daily activity goal.
350
Calories/day
Date picker with range
Select a date range.
Exercise Minutes
Your exercise minutes are ahead of where you normally are.
Cookie Settings
Manage your cookie settings here.
Create an account
Enter your email below to create your account
Or continue with
Total Revenue
$15,231.89
+20.1% from last month
Subscriptions
+2,350
+180.1% from last month
Report an issue
What area are you having problems with?
Team Members
Invite your team members to collaborate.
S

Sofia Davis

m@example.com

J

Jackson Lee

p@example.com

I

Isabella Nguyen

i@example.com