Getting Started

RapidNative helps you go from an idea to a real React Native app in minutes.

This guide will walk you through:

1. Creating an account
2. Starting your first project
3. Using the canvas to design flows
4. Editing and previewing your app
5. Exporting production-ready code

By the end, you'll have your first working app built with AI.

1. Sign up and log in

1. Head to RapidNative
2. Sign up with Google or email
3. Once logged in, you'll land on your dashboard — the place where all your projects live

2. Create a new project

1. Click New Canvas to start a project
2. Give your project a name (e.g., "Workout Tracker")
3. The canvas is where you'll map your app: screens, navigation, and flow

3. Generate your first screen

You can create your first screen in a few different ways:

Once your first screen is ready, it appears on the canvas.

4. Work with pending tasks

1. While the first screen is generated, other requested screens (like dashboard, settings) go into Pending Tasks
2. This lets you focus on perfecting one screen first — using edits or adjustments
3. Once you're happy, click to continue with pending tasks and RapidNative will generate the rest of the screens in the background

Sketch with Excalidraw → Draw your screen layout on the canvas, and RapidNative transforms it into interactive UI.

5. Refine with inline edits

1. Click on any element and use Inline Edit to make changes
2. Use QuickEdit for text or style updates
3. This keeps the workflow smooth without rewriting prompts

6. Preview your app

1. Hit Preview to interact with your app on-device or in the browser
2. Navigate between screens, click buttons, and experience it like a real app

7. Export real code

1. When you're ready, click Download Project
2. You'll get clean, production-grade React Native code
3. Open it in VS Code or push it to GitHub
4. Extend it with APIs, authentication, or business logic — just like any React Native project