Tweakcn: Interactive Theme Designer for shadcn/ui with Real-Time Preview
By
fmerian
8mo ago· 6 min readenProduct
100/100
Golden Brown
Bagelometer↗
Kettled twice. Extra chewy, extra trustworthy.
Score100TypenewsSentimentpositive
Summary
Tweakcn is a web-based tool that allows developers to customize and design themes for shadcn/ui components with real-time preview capabilities. The tool supports Tailwind CSS v4, shadcn/ui framework, and custom styles, enabling users to modify theme properties, see changes instantly, and generate the corresponding code.
Key quotes
· 4 pulledDesign your perfect shadcn/ui theme with real-time preview
Customize theme for shadcn/ui with an interactive editor
Supports Tailwind CSS v4, shadcn/ui, and custom styles
Modify properties, preview changes, and get the code in real time
Customize theme for shadcn/ui with an interactive editor. Supports Tailwind CSS v4, shadcn/ui, and custom styles. Modify properties, preview changes, and get the code in real time.
