Lovable (Vibe Coding) Tutorials

Build a Harmless Prank Tutorial Website with Lovable

Build a Toy Collectible Gallery with Lovable

Build a bright collectible-figure showcase with a protected admin area, editable hero, image editor, and openly licensed image search.

Build an AI-Powered FAQ with Lovable

Build a searchable FAQ with Lovable Cloud, a protected administrator backend, AI-generated questions and answers, review and publishing controls, categories, and realtime public updates.

Build a Responsive Navbar with Lovable

Build a reusable responsive navbar with desktop links, active states, a mobile drawer, sticky styling, and accessible keyboard behavior.

Build a YouTube Video Gallery with Lovable

Build a responsive YouTube gallery with a black-and-red theme, category filters, search, a popup video player, and a protected administrator backend.

Build a YouTube Creator Toolkit with Lovable

Build and publish Creator Forge, a dark local-first YouTube toolkit with a thumbnail studio, title lab, description builder, hashtag generator, hooks, ideas, and browser-saved drafts.

Add a Soft-Lift Gradient Rail to Interactive Cards

Add a polished hover lift, luminous gradient rail, colored glow, and accessible interaction feedback to cards on an existing Lovable site.

Welcome to Lovable

Learn what Lovable is, how it works, and create your first project.