SShinUI

tweakcn

Visual theme editor for shadcn/ui

Visit site
Themes & ColorFreemiumReactTailwind

Live site

Open
tweakcn.com

Preview tweakcn inline

Loads the real site in a frame. Some sites block embedding — if it comes up blank, use Open instead.

What it is

Edit every shadcn CSS variable with live preview across real components, then copy the theme block straight into your globals.css. Solves the single most tedious part of adopting shadcn.

Tags

shadcn-compatibletheme-editorcss-variables

Related in Themes

View all

shadcn Themes

ui.shadcn.com

Official prebuilt shadcn themes

ThemesFreeTailwind

by shadcn@shadcn

Radix Colors

radix-ui.com

Color scales engineered for UI states

ThemesOpen sourceCSS

by WorkOS@workos