tweakcn
01A visual theme editor that makes a shadcn/ui app stop looking like every other shadcn/ui app.
ToolFreeOpen sourcegood agent friendliness
Staff pickUsed by me
All collections
Collection 7 resources
Make your shadcn app look less generic
You used the defaults. Everyone used the defaults. Here's how to fix that in an afternoon.
shadcn/ui is a great foundation and a terrible finished look, because every agent-built app ships with the same radius, the same greys and the same Inter. The fix is not more components; it's a theme, a typeface, a colour system and a few well-placed details. In roughly this order.
tweakcn Fontshare 
Fontshare
02Free, professional-quality fonts from the Indian Type Foundry.
Asset libraryFreegood agent friendlinessStaff pickUsed by meRadix Colors 
Radix Colors
03Colour scales designed for real UI, with light and dark modes that actually match.
Asset libraryFreeOpen sourceexcellent agent friendlinessStaff pickOrigin UI 
Origin UI
04Hundreds of polished, practical components built on shadcn/ui conventions.
Component libraryFreeOpen sourceexcellent agent friendlinessStaff pickMotion-Primitives 
Motion-Primitives
05Tasteful animated components for React, built with Motion.
Component libraryFreeOpen sourceexcellent agent friendlinessStaff pickNumberFlow 
NumberFlow
06Animated number transitions that make counters, prices and stats feel expensive.
PackageFreeOpen sourceexcellent agent friendlinessRefactoring UI 
Refactoring UI
07The book that teaches developers to design, by the creators of Tailwind.
Guidelimited agent friendlinessStaff pickUsed by me