Skip to content
Mistflow

Templates

Mistflow includes templates that give your AI a head start. Templates provide project structure, tech stack, and sensible defaults — but the AI customizes everything based on your description.

Available templates

Section titled “Available templates”

SaaS Starter

Full-stack SaaS boilerplate with auth, dashboard, landing page, and billing. React + Vite + TailwindCSS.

Best for: SaaS products, dashboards, admin panels.

Landing Page

High-converting landing page with hero, features, pricing, testimonials, and CTA sections.

Best for: Product launches, waitlist pages, marketing sites.

Internal Tool

Data-driven internal tool with tables, forms, filters, and a clean utility-first design.

Best for: Admin dashboards, CRUD apps, internal portals.

How templates work

Section titled “How templates work”

When you describe your app, the AI (via plan-app) selects the best-fit template automatically. You can also specify one:

Build me a landing page for my new AI product. Use the landing-page template.

Templates are not rigid. They provide:

  • File structure — Where components, pages, and styles live
  • Tech stack — React 19, Vite, TailwindCSS, TypeScript
  • Base components — Button, Card, Input, etc. styled and ready
  • Layout — Responsive shell with navigation

The AI modifies, extends, and overrides everything based on your description. The template is a starting point, not a constraint.

Template source code

Section titled “Template source code”

Templates live in the templates/ directory of the Mistflow repo:

templates/
├── saas-starter/     # Full SaaS boilerplate
├── landing-page/     # Marketing / launch page
└── internal-tool/    # Data-heavy internal app