All vibe-coding templates

Overview

A clean dark app shell to start any SaaS, admin or analytics tool: sidebar navigation, top bar with search, a 7d / 30d / 12m range filter, KPI cards, an interactive revenue chart (no chart library), top channels and a searchable orders table. Every number comes from one mock-data file you swap for Supabase or your API. Includes the full token-saving AI doc pack.

  • App shell + charts
  • One file for all data
  • Token-saving AI doc pack

Full page

Pilot desktop full page

What's in the download

Working code

Vite + React + TypeScript + Tailwind. Runs as-is in Lovable, Replit, Cursor or on your computer.

PRD you fill in

Describe your product once — one prompt rebrands the whole site.

Prompt pack

Tested prompts for rebranding, recolors, waitlists, Stripe and SEO.

AI rules files

AGENTS.md, CLAUDE.md, .cursorrules & more keep every edit on-style.

Design & architecture docs

DESIGN.md and ARCHITECTURE.md so humans and AI stay consistent.

One-shot build prompt

Rebuild the exact design in Base44, Bolt or v0 from a single message.

Instant preview

Double-click preview.html — see it before you set anything up.

Start-here guide

Step-by-step setup for every tool, plus fixes for common errors.

More templates