Skip to content
VibeFather
Early access

Copy the prompt.
Get the website.

Every template here is a real website an AI agent built from one prompt. Paste that prompt into your coding agent, swap in your brand, and you get the same site.

Works withClaude CodeCodexCursorGitHub CopilotWindsurfGemini CLILovableBoltv0Replit

Vibe coding website templates

Live demo, prompt and DESIGN.md for each · new templates every week

PopularLatest

Hand-drawn science explainer

  • Explainer
  • Hand-drawn

WebGL product launch page

  • Landing Page
  • 3D

Retro OS desktop portfolio

  • Portfolio
  • Retro OS

Bento grid SaaS homepage

  • SaaS
  • Bento

Swiss grid agency site

  • Agency
  • Swiss

Pixel arcade mini game

  • Game
  • Pixel

Dark analytics dashboard

  • Dashboard
  • Dark

Brutalist personal site

  • Personal
  • Brutalist

Editorial restaurant site

  • Restaurant
  • Editorial

Browse

Find a template by type, style or effect

See all tags →

For agents

Use the templates from your coding agent

Search the library and pull a prompt without leaving the terminal. Your agent can also query it directly over MCP.

  • CLI — search and download prompt.md in one command.
  • MCP — let the agent search templates as a tool.
  • Prompt — or just copy it from any template page.

Setup for Claude Code, Codex, Cursor and 7 more →

terminal
# find a templatenpx vibefather search "dark saas" # drop prompt.md + DESIGN.md into your projectnpx vibefather add <slug>

FAQ

Questions about vibe coding templates

What is a vibe coding website template?

A complete prompt that tells an AI coding agent exactly how to build one specific website — stack, layout, colors, fonts, copy and motion — plus a live demo built from that same prompt, so you see the result before you start.

How do I use a template?

Open a template, copy its prompt, replace [BRAND] and the other variables with your own, and paste it into your AI coding tool. Or run npx vibefather add <slug> to drop prompt.md and DESIGN.md into your project.

Which AI coding tools does it work with?

Any tool you can paste a prompt into: Claude Code, Codex, Cursor, GitHub Copilot, Windsurf and Gemini CLI, and app builders like Lovable, Bolt, v0 and Replit. Agents that support MCP can also search the library themselves.

Will my agent really build the same site?

Close to it. We build every demo from the published prompt with nothing added, and we build it twice to check the prompt gives the same result both times. Different models and tools vary in the details.

Is it free?

For personal and non-commercial projects, yes: live demos, DESIGN.md files and most prompts are free under CC BY-NC 4.0. Using a template for a commercial site, plus Pro-only prompts, source code and high-resolution assets, comes with Pro.

Are the templates original?

Yes. Every site is written and generated by us with AI coding agents. We may take inspiration from a style and credit it on the template page, but we never copy another site's code, copy, images or logos.