.theme-image {
    border-radius: 12px;
    border: 2px solid rgba(138, 138, 138, 0.2);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    max-width: 100%;
    height: auto;
  }
  
  /* Visibility logic */
  .light-image {
    display: block;
  }
  .dark-image {
    display: none;
  }
  
  html.dark .light-image {
    display: none;
  }
  html.dark .dark-image {
    display: block;
  }

Before you begin

Preview panel features at a glance

See your app in action as you build

See your app exactly as your users will – on any device. Rocket’s preview panel helps you test layouts, edit visually, and switch screen views as you build.

Use preview panel

Documentation | Rocket.new

Describe your app idea, or drop a Figma link - Rocket helps you build and ship real, production-ready apps fast.

Introduction

Launch your own Rocket account in minutes - no tech jargon, no hassle.

Create an account

Turn your ideas or designs into working apps in minutes - no code, no delay.

Start a new project

Quickly access, search, and reopen your existing Rocket projects.

Explore your projects

Manage profile settings

Here's everything you need to know about how our pricing works and which plan fits your needs.

Pricing plans

Take full control of your Rocket experience. Buy a plan, refuel, update payment methods, cancel, or download invoices with ease.

Manage your subscription

From first message to full app - all in chat. Rocket generates, edits, and evolves your project in a continuous, interactive thread.

Use chat interface

Easily connect third-party services like Figma, GitHub, Stripe, and AI providers to enhance your Rocket apps.

Integrations

Peek under the hood and take full control of your Rocket app – explore, edit, and expand your project in the code-view.

Use code-view

Stay organized with ease. View, rename, delete, or integrate with third-party tools—straight from your project settings.

Manage project settings

Use Rocket to deploy your app to the web in one click - no setup required.

Publish your web app

Seamlessly link your Figma account to Rocket and start turning your designs into powerful, production-ready apps.

Figma: Turn designs to code

Link your Netlify account to Rocket to deploy your apps in just a few clicks.

Netlify: Deploy in one click

Securely link your GitHub account to Rocket so you can sync and manage your app code without leaving the editor.

GitHub: Sync your code

Link your Supabase project to Rocket to build and deploy full-stack apps fast.

Supabase: Instant backend

Connect your Resend account to Rocket to start sending transactional emails instantly and securely.

Resend: Email in seconds

Connect your Stripe account to Rocket to start accepting payments securely and seamlessly in your app.

Stripe: Accept payments

Connect Google Analytics to Rocket to understand how users interact with your app.

Google Analytics: Track usage

Connect AdSense to your Rocket project and start earning by displaying ads in your app.

AdSense: Earn with ads

Connect Perplexity to your Rocket project to power natural language search and instant answers in your app.

Perplexity: Smart AI search

Connect Anthropic to your Rocket project and power AI experiences with Claude—safe, aligned, and fast.

Anthropic: Use Claude AI

Connect Gemini to your Rocket project and build with Google’s powerful multimodal AI models.

Gemini: Use Google AI

Connect OpenAI to your Rocket project and bring GPT-powered features like chat, summarization, and generation to your app.

OpenAI: Use GPT models

Prompting is how you guide Rocket’s AI using natural language. Learn how it works and why it’s the fastest way to bring your ideas to life.

Get started with prompting

A unified guide to writing clear, adaptable prompts and choosing the right prompting approach for every task in Rocket.

Apply prompting strategies

A collection of flexible, high-impact prompt examples for building, designing, connecting, and debugging inside Rocket.

Explore prompt library

Use prompts to debug apps like a builder - identify bugs, prevent breakage, and fix with clarity.

Troubleshoot with prompts

From bold ideas to real, working apps - explore what’s possible with Rocket.

Get Started

App Studio

Integrations

Prompt Engineering

Use Cases

Use preview panel

Before you begin

See your app in action as you build

Preview panel features at a glance

You did it!

Get Started

App Studio

Integrations

Prompt Engineering

Use Cases

​Before you begin

​See your app in action as you build

​Preview panel features at a glance

You did it!

Before you begin

See your app in action as you build

Preview panel features at a glance