> ## Documentation Index
> Fetch the complete documentation index at: https://fabricate.build/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Templates

> Start from a production-ready template instead of a blank canvas.

Fabricate includes 9 templates that give you a fully working starting point. Instead of describing your entire app from scratch, pick the template closest to what you want and customize from there.

<Tip>
  Templates use the full Fabricate tech stack: React 18, TypeScript, Tailwind CSS 4, Hono.js, Cloudflare D1. Every template is production-grade, not a toy example.
</Tip>

## Available Templates

<CardGroup cols={3}>
  <Card title="SaaS Starter" icon="rocket">
    User authentication, subscription billing with Stripe, dashboard, and a basic settings page. The foundation for any paid web app.
  </Card>

  <Card title="Landing Page + Waitlist" icon="megaphone">
    Marketing landing page with hero, features section, pricing, and an email waitlist form.
  </Card>

  <Card title="Task Manager" icon="check-square">
    Kanban board with drag-and-drop, task assignment, due dates, and project organization.
  </Card>

  <Card title="Blog / CMS" icon="file-text">
    Content management with rich text editing, categories, tags, and a public-facing blog.
  </Card>

  <Card title="E-commerce Store" icon="shopping-cart">
    Product listings, cart, Stripe checkout, order management, and an admin dashboard.
  </Card>

  <Card title="Admin Dashboard" icon="layout-dashboard">
    Data tables, charts, user management, and a full CRUD interface for a database-backed resource.
  </Card>

  <Card title="Internal Tool" icon="wrench">
    Form-based internal tooling with role-based access control and an activity log.
  </Card>

  <Card title="API + Docs" icon="code">
    A REST API built on Hono.js with auto-generated documentation and an API key management system.
  </Card>

  <Card title="Portfolio" icon="user">
    Personal portfolio with project showcase, about page, contact form, and blog integration.
  </Card>
</CardGroup>

## Using a Template

<Steps>
  <Step title="Choose a template">
    On the Fabricate home screen, select "Start from a template" and choose the one that fits your project.
  </Step>

  <Step title="Describe your customizations">
    Tell Fabricate how you want to modify the template — "rename the app to TaskFlow, change the color scheme to blue, and add a team member section to each project."
  </Step>

  <Step title="Build on top of it">
    Use Build Mode to add your unique features on top of the template foundation.
  </Step>
</Steps>

## Templates vs. Starting from Scratch

|                                | Template            | Scratch         |
| ------------------------------ | ------------------- | --------------- |
| **Speed to first working app** | Minutes             | Minutes         |
| **Best for**                   | Common app patterns | Unique concepts |
| **Customization**              | Full                | Full            |
| **Credit usage**               | Similar             | Similar         |

Both approaches generate the same quality of code. Templates just give you more to start with.