Skip to main content
Skip the blank canvas.Rocket’s template library has production-ready apps you can launch in seconds. Browse by category, preview live, and start customizing immediately.Templates do not consume tokens - they are the fastest way to go from zero to working app.

When to use a template

ScenarioBest starting method
You know exactly what you want and can describe itFrom an idea
You want a working app fast and will customize laterTemplates (you are here)
You have a screenshot, PDF, spreadsheet, or other fileFrom an attachment
You have completed Figma designsFrom Figma
Templates work best when your project fits a common pattern - SaaS, landing page, dashboard, e-commerce - and you would rather customize a working app than build from scratch.

Customizing after template

Once your template loads, it is a full Rocket project. Customize it the same way you would iterate on any app:
Try this prompt:
Update the color scheme to use #1E40AF as the primary color and #F8FAFC as the background. Change the logo text to "Flowboard" and update all placeholder content with my brand copy.
Try this prompt:
Add a pricing page with three tiers: Free, Pro ($19/month), and Enterprise (contact us). Include a feature comparison table and a FAQ section below.
Try this prompt:
Connect Stripe for payments and Supabase for user accounts. Add a login/signup flow and protect the dashboard page behind authentication.
Try this prompt:
Change the navigation from a top bar to a collapsible sidebar. Move the user profile menu to the bottom of the sidebar.

Detailed walkthrough

Before you begin

You will need:
  • You are signed in to Rocket.

Two ways to get started

  • Browse-first: Dive into the template library and visually choose what fits your goal
  • Prompt-first: Type what you are building, and Rocket suggests the closest match with a live preview

Explore templates manually

1

Browse templates

Open the menu in the top right and select Templates which autoscrolls to the templates section.
Homepage with profile menu open and Templates selected.
You can also scroll the homepage after sign-in to find templates below.
Scrolling the homepage to view available templates.Scrolling the homepage to view available templates.
Templates are grouped by category: Landing Page, Web App, Dashboard, Mobile App, Internal Tool Web, and more.You can browse templates by type or use the search bar to find something specific.
Template searchTemplate search
2

Preview a template

Click Learn more to view details, included pages, and layout screenshots.
Template detail view showing screenshots and included pages.Template detail view showing screenshots and included pages.
3

Use the template

Click Use this template or Make this template yours. Rocket opens the app generation flow with code and preview.
Success check: You land in the chat with your template loaded and a message saying “Template name cloned successfully.”

Get template suggestions while chatting

If your prompt matches a known use case, Rocket suggests a relevant template right in the conversation.
Template suggestion inside Rocket chat UITemplate suggestion inside Rocket chat UI
When Rocket finds a match, you will see the recommended template cards next to the chat interface. Preview and use the template the same way as when browsing manually.
Using a template does not consume tokens. It is the fastest way to launch a production-ready app.

What’s next?

Iterate with chat

Customize your template with natural language. Change anything - layout, colors, content, features.

Connect integrations

Add payments, databases, AI, email, and analytics to your template.

Visual edit

Click any element to tweak it directly - text, colors, spacing, layout.

Deploy your app

Publish your customized template to the web with one click.