11/10/2026
بعض مواقع الذكاء الاصطناعي
منقول من
Your AI isn't bad at design. It has just never seen good design.
I've tested 100+ vibe coding resources this year. These are the 40 I actually kept, grouped by what you're stuck on.
Bookmark this 🔖
1. 👑 http://scrolltide.co
Why it's different from everything below:
- Every one is a complete prompt, not a snippet you wire up yourself
- 3 steps: copy the prompt, paste it into your AI, launch it live
- 600+ award-winning prompts, all in one place
- Full source code to download and edit
- Works with Claude Code, Cursor or v0
Built for founders and freelancers who want award-level sites without a design team or a week of tweaking. If you only open one link in this post, make it this one.
2. http://designmd.ai - design systems as markdown your agent can read
3. http://vibeprompts.dev - ready-made prompts for dashboards and landing pages
4. http://minimal.gallery - curated high-end sites
5. http://kage.design - real UI inspiration mapped to prompts
6. http://styles.refero.design - 2,000+ real product styles with typography
7. http://component.gallery - 2,600+ examples of how top design systems solve the same element
8. http://godly.website - curated collection of beautiful websites
9. http://awwwards.com - the best of web design, recognized and ranked
10. http://landing.love - showcase of the best animation websites
11. http://land-book.com - curated landing pages
12. http://mobbin.com - mobile design patterns
13. http://hoverstat.es - experimental web design projects
14. http://navbar.gallery - navigation patterns
15. http://footer.design - footer layouts
16. http://cta.gallery - conversion-tested forms, popups and buttons
17. http://supahero.io - curated hero sections
18. http://pricingpages.design - the best pricing page examples
19. http://21st.dev - community component marketplace that plugs into agents via MCP
20. http://ui.shadcn.com - still the gold standard
21. http://ui.aceternity.com - 200+ animated React and Tailwind components
22. http://magicui.design - 150+ animated components and effects
23. http://motion-primitives.com - advanced interactions
24. http://uiverse.io - open-source UI elements
25. http://smoothui.dev - animated components built on Motion and GSAP
26. http://shadcnblocks.com - 2,000+ pre-built section blocks for shadcn/ui
27. http://kinetics.colorion.co - 150+ motion effects with React code and prompts
28. http://microkit.co - micro-interactions
29. http://glass.samasante.com - glass refraction components
30. http://animejs.com - lightweight animation engine
31. http://threejs.org - the most popular web 3D library
32. http://shadertoy.com - the standard online shader editor and community
33. http://thebookofshaders.com - free interactive intro to fragment shaders
34. http://threejs-journey.com - full Three.js course with shader chapters
35. http://kitbitz.art - 2,000+ hand-drawn illustrations
36. http://3dicons.co - 3D icons
37. http://claude.com/product/claude-code - command-line AI coding agent
38. http://cursor.com - AI-first code editor
39. http://v0.dev - Vercel's prompt-to-component tool
40. http://lovable.dev - AI app builder in the browser
Which one should I add next?
Describe what you want in plain language and Lovable builds it: full-stack apps, websites and internal tools. Start free.
