Collections
Curated for a real goal.
Several resources, hand-picked and ordered for one job. Read the intro, then work down the list.
- 6 resources
Beautiful open-source React components
Component libraries and single components that are free, well made, and easy for an agent to install.
Origin UI · Tremor · Magic UI · NumberFlow · Thinking Orbs · +1 more
- 10 resources
Best resources for designing with Claude Code
The MCP servers, skills and guidelines that make a coding agent produce better-looking work.
Web Interface Guidelines · shadcn MCP server · Playwright MCP · Refero Styles · TypeUI · +5 more
- 5 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.
Godly · tweakcn · AutoAnimate · Checklist Design · v0
- 3 resources
Design systems every agent should know
Public systems that document their reasoning, so you can borrow the thinking without the branding.
Vercel Geist · Material Design 3 · Apple Human Interface Guidelines
- 7 resources
Give your agent a DESIGN.md
The spec, the catalogues and the extractors behind the one file that stops your agent redesigning your product on every request.
DESIGN.md Specification · getdesign.md · designmd.supply · Refero Styles · DesignMD · +2 more
- 10 resources
Make your landing page better
References, sections and effects for a landing page that looks like someone cared.
Godly · SaaS Landing Page · Land-book · CTA Gallery · Navbar Gallery · +5 more
- 4 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.
tweakcn · Radix Colors · Origin UI · NumberFlow
- 8 resources
Motion resources worth knowing
From a one-line list animation to full scroll-driven 3D, in order of effort.
AutoAnimate · NumberFlow · GSAP · Lenis · React Three Fiber · +3 more
- 4 resources
Resources for beautiful SaaS dashboards
Charts, tables, dense layouts and the references that show how good products handle them.
Tremor · Origin UI · NumberFlow · Vercel Geist
- 2 resources
Typography resources every builder should know
Where to find a good typeface, how to see it in use, and how to size it properly.
Typewolf · Fontsource