Switch to Public or Private anytime using the visibility toggle.
Where are Public projects:Public projects appear in the Resources section on the landing page. You can click Built with Rocket to browse and view your project preview.
Where to change visibility:
On the homepage (before you start a project):
Use the visibility toggle to the right of the input field (paid plans only) to choose Public or Private before generating.
Inside an existing project:
Open the dropdown next to the app name in the header and select Public or Private.
Type your idea in the chat prompt. Be clear about the goal and key features.Example: Users share one thing they’re grateful for each day and link entries in a visual chain. Show a timeline view with color-coded links.
3
Select a use case
Choose the type of build. Options include Mobile App, Web App, Internal Tool, Website, Dashboard, and Landing Page.
4
Choose platform for Internal Tool
If you selected Internal Tool, pick Web or Mobile.
5
Select your framework
Rocket recommends a framework based on platform. You can accept the default or customize it.For Landing Page:
Landing Page uses default HTML with no framework choices.For Web App:
Default stack:
React
JavaScript
Tailwind CSS
You can:
Click Use default framework to proceed.
Or choose Customize framework to adjust the stack.
For Web App:
Rocket has the following options:
React
Next.js
HTML
Language defaults: React projects use JavaScript by default. Next.js projects use TypeScript by default. The language is automatically set based on your framework choice.
For Mobile App:
Rocket uses Flutter.
6
Choose your screens
Review the suggested screens and deselect any you do not need.
7
Watch Rocket build
Rocket generates your app and shows progress for each screen.Status icons:
Completed.
In progress.
Failed.
Retry a failed screen: Click Retry next to Failed.
If multiple screens keep failing, try simplifying your idea (fewer features or screens) and regenerate.
Once your Figma import is set up, Rocket continues just like in Method 1, starting at Select your framework. You’ll choose a stack, select screens, and watch the build progress.
Guide Rocket with an image. You can upload a UI mockup, wireframe, or screenshot.This is useful when you want to:
Add visual context to your prompt.
Start from “Create an app like this.”
Notes:
Supported formats: .png, .jpg, .jpeg.
Clear UI screenshots or mockups work best.
1
Attach an image
Click at the lower left of the input box to upload an image. You can also drag and drop or paste an image into the chat box.
Keep the file under 10 MB to speed up processing. This is the maximum file size supported by Rocket.
2
Add instructions
Describe what you want built. Examples:
Create an app like the uploaded image.
Use this layout to build a sign-up form.
Example:
Upload a dashboard screenshot and say: Use this as a reference to build my dashboard app.
3
Generate the app
Press Enter. Rocket builds from your image and prompt.From here, continue just like in Method 1, starting at Select your framework. You will choose a stack, select screens, and watch the build progress.
Open the menu in the top right and select Templates which autoscrolls to the templates section.
You can also scroll the homepage after sign-in to find templates below.
Templates are grouped by category:
Landing Page
Web App
Dashboard
Mobile App
Internal Tool Web
And more.
2
Preview a template
Click Learn more to view details, included pages, and layout screenshots.
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.”
From here, you can iterate in chat the same way as a project started from an idea in Method 1. Ask for changes, add features, and refine your app.
Note: Using a template does not consume tokens. It is the fastest way to launch a production-ready app.
Stay in the flow. We’ll notify you when it’s ready.
If your build takes longer than a few moments, you’ll hear a sound when the preview is ready. You do not need to keep the tab active.
In this guide, you’ll learn how to:
Start a project using a written idea on Rocket app.
Upload an image from your device and guide Rocket.
Switch to Public or Private anytime using the visibility toggle.
Where to change visibility:
On the home screen (before you start a project):
The visibility button next to the input field shows your default visibility (paid plans only). Tap it to see Public and Private options, then select your choice before generating.
Visibility options after clicking the button on the homepage:
Inside an existing project:
At the top of the project, you’ll see the project name. Below it is a bar with buttons: Chat, Preview, Code, and More. Tap More.
After you tap More, a menu opens. Select your visibility option.
Open the Rocket app on your iPhone or iPad and make sure you’re signed in.
2
Describe what you want to create
Type your idea in the chat field. Be clear about the goal and key features.Example: Users share one thing they’re grateful for each day and link entries in a visual chain. Show a timeline view with color-coded links.
3
Select a use case
Choose the type of build. Options include Mobile App, Web App, Internal Tool, Website, Dashboard, and Landing Page.
4
Choose platform for Internal Tool
If you selected Internal Tool, pick Web or Mobile.
5
Select your framework
Rocket recommends a framework based on platform. You can accept the default or customize it.For Landing Page:
Landing Page uses default HTML with no framework choices.For Web App:
Default stack:
React
JavaScript
Tailwind CSS
You can:
Tap Use default framework to proceed.
Or choose Customize framework to adjust the stack.
For Web App:
Rocket has the following options:
React
Next.js
HTML
Language defaults: React projects use JavaScript by default. Next.js projects use TypeScript by default. The language is automatically set based on your framework choice.
For Mobile App:
Rocket uses Flutter.
6
Choose your screens
Review the suggested screens and deselect any you do not need.
7
Watch Rocket build
Rocket generates your app and shows progress for each screen.Status icons:
Completed.
In progress.
Failed.
Retry a failed screen: Tap Retry next to Failed.
If multiple screens keep failing, try simplifying your idea (fewer features or screens) and regenerate.
Guide Rocket with an image from your device. You can upload a UI mockup, wireframe, or screenshot from your photo library or camera.This is useful when you want to:
Add visual context to your prompt.
Start from “Create an app like this.”
Notes:
Supported formats: .png, .jpg, .jpeg.
Clear UI screenshots or mockups work best.
You can take a photo or choose from your photo library.
1
Attach an image
Tap the icon at the bottom of the chat field. Choose Take Photo or Choose from Library to upload an image.
Keep the file under 10 MB to speed up processing. This is the maximum file size supported by Rocket.
2
Add instructions
Describe what you want built. Examples:
Create an app like the uploaded image.
Use this layout to build a sign-up form.
Example:
Upload a dashboard screenshot and say: Use this as a reference to build my dashboard app.
3
Generate the app
Tap Send. Rocket builds from your image and prompt.From here, continue just like in Method 1, starting at Select your framework. You will choose a stack, select screens, and watch the build progress.
Scroll down on the home screen to find the templates section. After the My Projects section, you can see the Templates section. Tap View all to see all available templates.
Templates are grouped by category:
Landing Page
Web App
Dashboard
Mobile App
Internal Tool Web
And more.
2
Preview a template
Tap on any Template to view details, included pages, and layout screenshots.
3
Use the template
Tap 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.”
From here, you can iterate in chat the same way as a project started from an idea in Method 1. Ask for changes, add features, and refine your app.
Note: Using a template does not consume tokens. It is the fastest way to launch a production-ready app.
Stay in the flow. We’ll notify you when it’s ready.
If your build takes longer than a few moments, you’ll get a push notification when the preview is ready. You can close the app and return later.
You did it!
Your Rocket project is live, created from your idea or design.
