# RNBlocks documentation

> Build iOS and Android apps with AI. Use Studio to create and preview an app, connect services, and prepare a release.

This index links to public task guides. Follow provider-specific prerequisites and available actions in the app. Preparing a release, submitting it, passing review and making it public are separate states.

## Start here

- [Documentation home](https://www.rnblocks.dev/docs)
- [Pricing](https://www.rnblocks.dev/pricing)

## Start

- [Get started with RNBlocks](https://www.rnblocks.dev/docs/getting-started.md): Build an iOS and Android app, try it in a native preview and prepare it for the stores with RNBlocks.
- [Build your first app](https://www.rnblocks.dev/docs/first-app.md): Follow a travel-app example from your first prompt to native preview and publishing preparation.
- [Documentation updates](https://www.rnblocks.dev/docs/changelog.md): See what changed in the RNBlocks documentation and find current guides for Studio, connectors and publishing.

## Build

- [Work in Studio](https://www.rnblocks.dev/docs/studio.md): Find your conversation, native preview, app options, saved work and publishing tools in Studio.
- [Preview on iPhone and Android](https://www.rnblocks.dev/docs/previewing-screens.md): Use Studio’s iOS and Android previews on a computer, open the app with Expo Go on your phone, and choose a native test build when needed.
- [Describe what your app should do](https://www.rnblocks.dev/docs/prompts.md): Write clear app-building prompts, add design references and request focused changes in RNBlocks Studio.
- [Test the important paths](https://www.rnblocks.dev/docs/testing-your-app.md): Check your mobile app’s main tasks, accounts, connected services and small-screen behavior before release.
- [Work with the browser agent](https://www.rnblocks.dev/docs/browser-control.md): Follow a browser task in RNBlocks, take control for private steps and return to the same conversation.
- [Find the next useful step](https://www.rnblocks.dev/docs/troubleshooting.md): Recover from native preview, connection, generation, billing and publishing problems in RNBlocks.
- [Download your app](https://www.rnblocks.dev/docs/export.md): Export your RNBlocks app source and understand connected-service dependencies before continuing development.
- [The app behind the preview](https://www.rnblocks.dev/docs/tech-stack.md): Understand the React Native, Expo and TypeScript project generated by RNBlocks and its connected services.
- [Expo Go stuck reconnecting](https://www.rnblocks.dev/docs/expo-go-troubleshooting.md): Recover a phone preview, switch to the browser, and choose the right preview for your app.

## Connect

- [Connect services to your app](https://www.rnblocks.dev/docs/connectors.md): Add accounts, saved data, AI responses, generated images and voice. Choose a service, connect it to your app and verify the feature in a native preview.
- [Connect Supabase](https://www.rnblocks.dev/docs/connectors/supabase.md): Authorize Supabase, choose the correct project, review database changes and verify that your mobile app saves data and keeps accounts separate.
- [Connect OpenAI](https://www.rnblocks.dev/docs/connectors/openai.md): Connect an OpenAI API key to your app, build a conversational feature and test its responses in the native preview.
- [Connect Claude with Anthropic](https://www.rnblocks.dev/docs/connectors/anthropic.md): Create a Claude API key, save it under Anthropic in Studio and test writing or reasoning features in your mobile app.
- [Connect Groq](https://www.rnblocks.dev/docs/connectors/groq.md): Connect a Groq API key, add a conversational feature and verify responses, model access and rate-limit recovery on a phone preview.
- [Connect Replicate](https://www.rnblocks.dev/docs/connectors/replicate.md): Connect a Replicate API token, generate an illustration inside your app and check how images load and remain available after reopening.
- [Connect ElevenLabs](https://www.rnblocks.dev/docs/connectors/elevenlabs.md): Connect an ElevenLabs API key with text-to-speech access, add narration and verify audio playback in your mobile app.

## Publish

- [Publish your app](https://www.rnblocks.dev/docs/publishing.md): Move from Studio to a tested app, store screenshots and a reviewed release. Understand what happens in RNBlocks and in each store.
- [Publishing accounts and costs](https://www.rnblocks.dev/docs/publishing/accounts.md): Which Expo, Apple and Google accounts you need, what they cost, and how accounts differ from app records and signing.
- [Connect Expo and link your project](https://www.rnblocks.dev/docs/publishing/accounts/expo.md): Connect an Expo access token privately, select the correct account and link or create a project for your RNBlocks app.
- [Set up Apple publishing](https://www.rnblocks.dev/docs/publishing/accounts/apple.md): Prepare Apple membership, an App Store Connect API key, the app record and signing for iPhone testing or an App Store release.
- [Set up Google Play](https://www.rnblocks.dev/docs/publishing/accounts/google-play.md): Choose the correct Play developer account, complete identity and organization verification, and create your app record.
- [Set your app’s release identity](https://www.rnblocks.dev/docs/publishing/release-settings.md): Set app names, versions, bundle identifiers, package names and the build destination without confusing a new app with an update.
- [Test on devices and store tracks](https://www.rnblocks.dev/docs/publishing/testing.md): Compare Studio preview, Android APKs, iPhone device builds, simulators, TestFlight and Google Play testing.
- [Create store screenshots and listing assets](https://www.rnblocks.dev/docs/publishing/store-assets.md): Use actual app screens in RNBlocks’ screenshot editor, prepare device-specific exports and write an accurate store listing.
- [Submit, review and release](https://www.rnblocks.dev/docs/publishing/submit-and-review.md): Understand upload, store review and public release as separate steps, and check the exact app version before submission.
- [Update a published app](https://www.rnblocks.dev/docs/publishing/updates.md): Prepare another release while preserving your app identity, signing, accounts and existing store listing.
- [Prepare privacy, support and review access](https://www.rnblocks.dev/docs/publishing/privacy-and-support.md): Prepare real support and privacy pages, accurate store disclosures, account deletion and reviewer access for your app.
- [Prepare social sign-in for app review](https://www.rnblocks.dev/docs/publishing/social-sign-in.md): Understand Apple’s login-service rule, configure the right app identity and test Google or Apple sign-in in a native build.
- [Websites and developer verification](https://www.rnblocks.dev/docs/publishing/websites-and-verification.md): Choose a company website, host app support and privacy pages, and understand which Google verification you need.

## Account

- [Plans and billing](https://www.rnblocks.dev/docs/plans.md): Compare RNBlocks Free, Pro and Studio, including 100 signup credits, monthly allowances and optional top-ups.
- [Understand your credits](https://www.rnblocks.dev/docs/credits-and-usage.md): Understand available, pending and used RNBlocks credits, interrupted work, receipts and separate provider costs.
- [Set up automatic credit reloads](https://www.rnblocks.dev/docs/auto-reload.md): Choose an RNBlocks credit threshold and top-up pack, save or change your preference, and turn auto-reload off.
- [Ownership and connected services](https://www.rnblocks.dev/docs/ownership.md): Use your generated app commercially and understand third-party licenses, service accounts and exported-app dependencies.

## Reference

- [Compare app-building workflows](https://www.rnblocks.dev/docs/comparison.md): Compare RNBlocks with Figma, v0, Bolt, Lovable, Replit, Base44 and FlutterFlow by output, editing workflow and release path.
- [RNBlocks vs Figma](https://www.rnblocks.dev/docs/comparison/rnblocks-vs-figma.md): Compare Figma’s design and Make workflows with RNBlocks’ React Native app creation, native preview and release preparation.
- [RNBlocks vs v0](https://www.rnblocks.dev/docs/comparison/rnblocks-vs-v0.md): Compare v0’s full-stack web workflow with RNBlocks’ React Native mobile app, connector and publishing workflow.
- [RNBlocks vs Bolt](https://www.rnblocks.dev/docs/comparison/rnblocks-vs-bolt.md): Both RNBlocks and Bolt have mobile workflows. Compare native previews, project handoff and the steps from Expo app to store release.
- [RNBlocks vs Lovable](https://www.rnblocks.dev/docs/comparison/rnblocks-vs-lovable.md): Compare Lovable’s web application and mobile delivery options with RNBlocks’ React Native Studio and publishing workflow.
- [RNBlocks vs Replit](https://www.rnblocks.dev/docs/comparison/rnblocks-vs-replit.md): Compare two React Native mobile workflows: Replit’s cloud Project Editor and RNBlocks’ Studio, connectors and publishing workspace.
- [RNBlocks vs Base44](https://www.rnblocks.dev/docs/comparison/rnblocks-vs-base44.md): Compare Base44’s published web app and store wrapper with RNBlocks’ React Native interface and release workflow.
- [RNBlocks vs FlutterFlow](https://www.rnblocks.dev/docs/comparison/rnblocks-vs-flutterflow.md): Compare FlutterFlow’s Flutter/Dart project workflow with RNBlocks’ React Native/TypeScript editing, native preview and release preparation.
