All vibe-coding templates

Overview

Atlas is the inside of your SaaS, not the landing page. Eleven screens share one sidebar and one design system: sign-in, sign-up and password reset, a dashboard with three chart styles, a sortable and filterable customers table with a detail page, onboarding, team, settings and billing with plans and invoices. Light by default with a remembered dark mode, sample data and a sign-in stub so it runs with no backend, and prompts to rename the main entity, connect Supabase and connect Stripe.

  • 11 screens: sign-in, sign-up, forgot password, dashboard, customers, customer detail, onboarding, team, settings, billing and 404
  • Light by default with a remembered dark mode, three chart styles and empty states
  • Rename "Customers" to Projects, Orders or Students from one config value
  • One seam for sign-in (src/lib/auth.ts) plus prompts to connect Supabase and Stripe
  • Vibe-ready: PRD, AGENTS.md edit map, KNOWLEDGE.md, PROMPTS.md, BUILD-PROMPT and LOVABLE-PROMPT
  • Vite + React + TypeScript + Tailwind v3 + React Router

Why choose Atlas

A whole app, not a single dashboard: 11 screens with auth, a sortable table, a record page, settings, billing and a team page.

Built for AI tools: prompts that rename the main entity, connect Supabase auth and connect Stripe without burning credits.

Looks finished: light and dark, three chart styles, empty states, a phone drawer, no sideways scroll on phones.

One seam for sign-in: change src/lib/auth.ts and the screens keep working.

Best for

  • Founders building a SaaS in Lovable, Bolt or Cursor
  • Agencies that need an admin starter
  • Anyone replacing a "Customers" table with their own thing (Projects, Orders, Students)
Sections (11)
  • Sign in, sign up and forgot password
  • Dashboard with KPI cards and 3 chart styles
  • Customers table: search, filters, sorting, pagination
  • Customer detail page
  • Onboarding checklist
  • Team members and roles
  • Settings
  • Billing: plans, usage and invoices
  • Light and dark mode
  • Phone drawer navigation
  • Not-found page
Tech specs
Stack
Vite · React 18 · TypeScript
Routing
React Router v6, 11 screens
Styling
Tailwind CSS v3 + tokens
Dependencies
lucide-react and recharts only (no animation library)
Node
18 or newer
Themes
Light by default, dark mode toggle
Responsive
No horizontal scroll at 390px
Accessibility
WCAG AA contrast checked
Backend
None: mock data + a sign-in stub

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.

Atlas: SaaS Dashboard Template FAQ

Does it include a backend?

No. It is the front end with sample data. Sign-in is a clearly marked stub and PROMPTS.md has prompts for Supabase and Stripe.

Can I use it in Lovable without GitHub?

The pack includes LOVABLE-PROMPT.txt, written so you can paste it as your first message with no GitHub. It rebuilds the app from the description, so expect something close to, but not identical to, the demo. For the exact files, use the connect-then-push path in START-HERE.md.

Is there a dark mode?

Yes. Light is the default, dark is one toggle, and the choice is remembered.

Can I rename "Customers"?

Yes. Change entity in src/config/site.ts, then use the rename prompt for the few data strings that mention it.

How is this different from the free Pilot template?

Pilot is a dashboard shell. Atlas is a full app: sign-in and sign-up, a data table with a detail page, billing, team and onboarding.

What does the license allow?

Unlimited projects for you and your clients. You may not resell or redistribute the template itself.

More templates

Lumen Aurora previewAI-ready

Lumen Aurora

SaaS landing page

$39
LovableReplitBase44+5
Live Demo
Lumen Sunset previewAI-ready

Lumen Sunset

SaaS landing page

$39
LovableReplitBase44+5
Live Demo