5 SITES EVERY
VIBE CODER
SHOULD KNOW.
Five sites, ordered from "train your eye" to "build it" to "make it look shipped." They get more niche as you go, and number 5 is the real win: it plugs real-world design straight into your AI editor.
Bookmark all five. Use them in this order.
This is doable yourself, every link is below. But if you want this wired into your workflow properly, the references feeding your AI automatically and the whole build pipeline set up around your product, reply to this email or DM me STACK and I will set it up.
THE 5, IN ORDER
The largest UI/UX reference library: 125,000+ real product screens, full user flows, and UI patterns from 400+ best-in-class web and iOS products. Search by company, font, colour, page type, UX pattern, or UI element. Updated weekly. It also has its own MCP.
Copy-paste React and Next.js components built with Tailwind CSS and Framer Motion. 200+ components, blocks, and templates. Around 36 animated components are free; a Pro tier adds 70+ premium packs and templates.
An autonomous AI agent that builds full-stack web apps from a plain prompt: frontend, backend, database, and auth, plus research, slides, and a desktop app. Built by the Monica.im team.
Open-source animated React components, 110+ and growing. Unlike most libraries it does not require Framer Motion. It uses CSS animations and only pulls in GSAP, Three.js, or Matter.js for the components that need them, so the footprint stays light. Ranked #2 in JS Rising Stars 2025.
Mobbin is a library of 621,500+ real app screens. The new Mobbin MCP, launched May 2026 and in beta, connects that library straight to your AI editor: Claude, Cursor, Lovable, and others. Instead of screenshotting designs by hand, your agent queries Mobbin in plain English and pulls real, shipped UI references before it builds. The output looks designed, not generated.
SETUP (then sign in with your Mobbin account):
EYES FIRST, HANDS SECOND
The order is the whole point. Here is how they fit together.
Refero to browse, Mobbin MCP to feed real screens straight to your AI.
Manus for the whole app, or your own editor when you want control.
Aceternity for paid-grade components, React Bits for free motion.
THE TOOLS ARE THE HANDS.
YOUR REFERENCES ARE THE EYES.
Honest caveats
Aceternity: around 36 components free, the rest is a paid Pro tier.
Mobbin MCP: needs a paid Mobbin plan and is currently in beta.
Manus: credit-based and paid. Use with that in mind.
References train your taste. Do not ship someone's design 1:1. Steal the pattern, not the pixels.
THAT IS THE STACK
Train your eye, build it, make it look shipped. If you would rather have this wired into your workflow so your AI references real design on every build, reply to this email or DM me STACK. That is the job.
Mike Means Business · @mikemeansbusiness_ai