Refactoring UI
01The book that teaches developers to design, by the creators of Tailwind.
Guidelimited agent friendliness
Staff pickUsed by me
All collections
Collection 9 resources
Best resources for first-time vibe coders
If you've never built software before, start here. Nothing on this list needs design or coding knowledge.
You don't need to learn design to make something that looks good. You need a few references, a palette, a font, an icon set and a component library your agent already understands. This list is that, in the order you'll need it.
Refactoring UI Godly 
Godly
02Astronomically good web design inspiration, hand-picked.
GalleryFreelimited agent friendlinessStaff pickUsed by meRealtime Colors 
Realtime Colors
03Preview a palette and font pairing on a realistic page before committing.
ToolFreelimited agent friendlinesstweakcn 
tweakcn
04A visual theme editor that makes a shadcn/ui app stop looking like every other shadcn/ui app.
ToolFreeOpen sourcegood agent friendlinessStaff pickUsed by meAutoAnimate 
AutoAnimate
05One line of code that animates list changes for you.
PackageFreeOpen sourceexcellent agent friendlinessStaff pickChecklist Design 
Checklist Design
06Checklists of what every common screen and component should include.
GuideFreegood agent friendlinessStaff pickv0 
v0
07Vercel's generative UI tool: describe a screen, get a shadcn/ui implementation.
Toolgood agent friendlinessFontshare 
Fontshare
08Free, professional-quality fonts from the Indian Type Foundry.
Asset libraryFreegood agent friendlinessStaff pickUsed by mePhosphor Icons 
Phosphor Icons
09A flexible icon family with six weights, from thin to duotone.
Asset libraryFreeOpen sourceexcellent agent friendliness