Theming Guide

Customize your shadcn/ui theme

Everything about theming shadcn/ui — colors, border radius, dark mode, typography and the Tailwind CSS variables underneath. Dial in your look visually, then export a copy-paste theme config.

Free shadcn Theme Editor

Tweak colors, radius and typography and preview them live across real shadcn components — dashboards, forms, cards and more — then copy the generated theme straight into your project.

Launch the Theme Editor