25 Vibe Coding Resources for AI-Assisted Web Design25 Vibe Coding Resources for AI-Assisted Web Design
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Every serious vibe coder should have bookmarked it and Thank me letter!
25 vibe coding resources to keep yourself ahead of the competition.
http://scrolltide.co - 600+ award-winning prompts + full source code for 3D and scroll-driven websites.
100+ 3D scenes, 200+ interactive gradients, 200+ UI components.
Copy the prompt, paste into Claude, Cursor or Lovable, launch live.
Minimal Gallery (http://minimal.gallery) - curated high-end sites to feed your agent
Godly (http://godly.website) - hand-picked sites with serious craft
Refero Styles (http://styles.refero.design) - 2,000+ real product styles with typography
Component Gallery (http://component.gallery) - 2,600+ examples of how top design systems solve the same element
Mobbin (http://mobbin.com) - real app flows from real products
DESIGNmd (http://designmd.ai) - design systems as markdown your agent can read
VibePrompt (http://vibeprompts.dev) - ready-made prompts for dashboards and landing pages
http://21st.dev (http://21st.dev) - component registry that plugs into agents via MCP
Kinetics (http://kinetics.colorion.co) - 150+ motion effects with React code and prompts
shadcn/ui (http://ui.shadcn.com) - still the gold standard for clean, reusable UI
Aceternity UI (http://ui.aceternity.com) - 200+ animated React/Tailwind components
Magic UI (http://magicui.design) - beautifully designed components for modern web apps
Motion Primitives (http://motion-primitives.com) - ready-to-use animation and interaction components
Uiverse (http://uiverse.io) - community-built UI elements and interactive components
Shadcnblocks (http://shadcnblocks.com) - full blocks, not just buttons
mapcn (http://mapcn.dev) - map components, markers, routes, popups
Awwwards (http://awwwards.com) - the sites that actually won
Liquid Glass (http://glass.samasante.com) - glass refraction components and effects
CSS Text Effects (http://text-effects.colorion.co) - creative CSS text animations and effects
Circle Loaders (http://circleloaders.dominikakissi.com) - creative loading animations and loaders
Gradient Buttons (http://gradientbuttons.colorion.co) - gradient button styles and effects
Shadertoy (http://shadertoy.com) - shaders to study and remix
3Dicons (http://3dicons.co) - a library of free 3D icons for modern interfaces
Anime.js (http://animejs.com) - lightweight JavaScript animation library for the web
If you're building with AI, this list will save you hours.
Save it. 🔖

scrolltide.co

Scrolltide — Cinematic website prompts & templates

Copy a prompt, paste it into your AI, and launch a site that actually moves.

Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started