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

This guide will walk you through:

• Creating an account
• Starting your first project
• Using the canvas to design flows
• Editing and previewing your app
• Exporting production-ready code

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

1. Sign up and log in

• Head to RapidNative
• Sign up with Google or email
• Once logged in, you’ll land on your dashboard — the place where all your projects live

2. Create a new project

• Click New Canvas to start a project
• Give your project a name (e.g., “Workout Tracker”)
• 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:

• Prompt → Type what you want, and RapidNative generates the screen instantly.

  Example: “A mobile app with login, dashboard, and settings screens.”

• Image Upload → Upload a design or screenshot, and RapidNative converts it into a working mobile screen.

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

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

4. Work with pending tasks

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

5. Refine with inline edits

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

6. Preview your app

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

7. Export real code

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

8. Next steps

From here, you can:

• Learn about features → Dive into editing, whiteboarding, PRD-to-app, and more
• Explore use cases → See how PMs, founders, agencies, and designers use RapidNative
• Check out best practices → Tips for prompts, MVP building, and team workflows