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

# Template catalog

> Browse and remix production-ready Rocket.new templates for SaaS, e-commerce, dashboards, and more.

export const LlmsDirective = () => <blockquote className="llms-directive">
    For the complete documentation index, see <a href="/llms.txt">llms.txt</a>.
    For a lightweight markdown version of this page, append .md to the URL.
  </blockquote>;

<LlmsDirective />

Templates are pre-built starting points for Build tasks. Instead of describing every detail from scratch, pick a template that's close to what you need, remix it, and customize from there. Every template is production-ready - working UI, navigation, responsive layouts, and realistic sample data.

## How templates work

Templates aren't static mockups - they're fully functional apps that you can modify with conversation. When you start from a template, you get a working foundation that you can reshape into exactly what you need.

<Steps>
  <Step title="Browse the catalog">
    Explore templates by category. Each template includes a preview so you can see what you're starting with.
  </Step>

  <Step title="Preview a template">
    Click any template to see a live preview. Interact with it - click buttons, navigate pages, fill forms - to make sure it's a good starting point.
  </Step>

  <Step title="Remix">
    Click **Remix** to create a new Build task based on the template. The full app is copied into your workspace, ready to modify.
  </Step>

  <Step title="Customize">
    Tell Rocket what to change. Swap the color scheme, add features, remove sections, change the content, connect integrations. Iterate until it's yours.
  </Step>
</Steps>

<Info>
  You can also share your own builds as remixable templates. See [Share with remix](/build/create/share-with-remix) for details.
</Info>

## Template categories

<CardGroup cols={2}>
  <Card title="SaaS" icon="cloud">
    Full-stack SaaS applications with authentication, dashboards, billing, and settings pages. Includes user management, subscription flows, and admin panels.
  </Card>

  <Card title="E-commerce" icon="cart-shopping">
    Online stores with product catalogs, shopping carts, checkout flows, and order management. Ready for Stripe payment integration.
  </Card>

  <Card title="Landing pages" icon="browser">
    Conversion-optimized landing pages with hero sections, feature grids, testimonials, pricing tables, and email capture forms. Multiple visual styles available.
  </Card>

  <Card title="Mobile apps" icon="mobile">
    Cross-platform mobile app templates built with Flutter. Includes tab navigation, onboarding flows, profile screens, and common mobile patterns.
  </Card>

  <Card title="Dashboards" icon="chart-line">
    Data dashboards with charts, metrics cards, data tables, and filtering. Designed for analytics, admin panels, and reporting interfaces.
  </Card>

  <Card title="Portfolios" icon="images">
    Personal and agency portfolio sites with project galleries, about sections, testimonials, and contact forms. Multiple aesthetic styles from minimal to bold.
  </Card>

  <Card title="Internal tools" icon="screwdriver-wrench">
    Admin panels, CRM interfaces, inventory managers, and other internal tools. Focused on data management with tables, forms, and role-based access.
  </Card>
</CardGroup>

## Tips for working with templates

* **Start with the closest match.** A template that's 70% right is faster to customize than building from scratch.
* **Change one thing at a time.** After remixing, make incremental changes so you can see exactly what each prompt does.
* **Swap content first, then design.** Replace placeholder text and images with your real content before tweaking visual details.
* **Add integrations after the structure is right.** Get the UI and flow finalized, then connect Supabase, Stripe, or external APIs.
* **Combine templates.** You can describe features from multiple templates and ask Rocket to merge ideas - "Take the pricing page from the SaaS template and the hero section from the landing page template."

## What's next?

<CardGroup cols={2}>
  <Card title="Your first task" icon="play" href="/learn/tutorials/your-first-task">
    Walk through building and deploying an app end-to-end.
  </Card>

  <Card title="Using templates" icon="grid-2" href="/build/create/using-templates">
    Full guide to browsing, previewing, and remixing templates.
  </Card>

  <Card title="Share with remix" icon="share-nodes" href="/build/create/share-with-remix">
    Turn your own builds into remixable templates.
  </Card>

  <Card title="Prompt starters" icon="grid-2" href="/learn/prompt-starters/overview">
    Get ready-to-use prompts for customizing templates.
  </Card>
</CardGroup>