21 Sites for Every Serious Vibe Coder: What Each One Does and the First Thing to Try
The places vibe coders keep bookmarked: real designs to copy, design files your AI reads, ready-made components, animations, effects and art. What each one is, and the first thing to try.
The list
AI can write the code for an app. What it is worst at is taste: left alone, it builds the same plain page every time. These 21 sites fix that. Some give you real designs to copy, some give your AI a style it can follow, and some hand you finished parts to drop in. They work with Claude Code, Cursor, Codex, Lovable and v0. Here they are at a glance, then a section on each with the link and the first thing to try.
| Site | What it does | Link |
|---|---|---|
| Minimal Gallery | Hand-picked website designs, new ones added daily | minimal.gallery |
| Kage | Pick a design and copy it as a prompt | kage.design |
| AppShot Gallery | 821 hand-picked real mobile apps | appshot.gallery |
| Component Gallery | 2,671 examples of every UI part, from real design systems | component.gallery |
| DESIGN.md | Free design systems as a file your AI reads | designmd.ai |
| Refero Styles | 2,000+ real site styles as DESIGN.md files | styles.refero.design |
| Jiro | Browse a design, copy the prompt | jiro.build |
| VibePrompt | 286 ready prompts and Tailwind code for page sections | vibeprompts.dev |
| 21st.dev | 12,000+ components your agent can install | 21st.dev |
| shadcn/ui | Clean components you copy in and own | ui.shadcn.com |
| Aceternity UI | 200+ animated parts for landing pages | ui.aceternity.com |
| Magic UI | 150+ free animated components | magicui.design |
| Motion Primitives | Animated parts, copy and paste | motion-primitives.com |
| Kinetics | 153 spring effects, each as CSS, React and a prompt | kinetics.colorion.co |
| MicroKit UI | 49 tiny hover and click effects | microkit.co |
| Anime.js | One light library for any animation | animejs.com |
| Uiverse | Community-made UI elements to copy | uiverse.io |
| mapcn | Drop-in maps with markers and routes | mapcn.dev |
| Liquid Glass | Apple's glass look on any website | glass.samasante.com |
| Kitbitz | 2,000+ hand-drawn illustrations | kitbitz.art |
| 3dicons | 1,440+ 3D icons | 3dicons.co |
Free, for your email
Get the full setup steps + the copy-paste setup prompt
The rest of this guide (7 more sections, 6 copy-paste prompts) opens right here. The setup prompt, one paste into Claude that sets it all up, comes by email only. Use your real address.
Unlocks: 1. Design inspiration: real designs to copy · 2. Design files: give your AI a style to follow · 3. Landing page parts: skip the building · 4. UI animations: make it feel alive · 5. Premium UI effects: look expensive · +2 more
50,000+ follow where these guides come from. No spam, reply “unsubscribe” any time.