Question 1

What is RNBlocks?

Accepted Answer

RNBlocks is a React Native screen library and AI generation platform. Browse hundreds of production-quality screens built for Expo, preview any screen live on your phone in seconds with Expo Go, copy or download the source code, and use the AI Playground or Studio to generate custom screens and full multi-screen apps from a prompt.

Question 2

Is RNBlocks free to use?

Accepted Answer

Browsing and previewing every screen is completely free with no account required. Downloading source code is free with a free account. AI generation requires a Pro plan ($15/month). Multi-screen Studio generation requires the Studio plan ($29/month). New accounts receive 50 free credits to try both.

Question 3

Do I need to create an account?

Accepted Answer

No account is needed to browse or preview screens. Create a free account to download .tsx source files. AI generation and Studio require a paid plan.

Question 4

Can I use RNBlocks without Expo?

Accepted Answer

Yes. Every screen is a standard TypeScript React Native component that works in bare React Native projects. The only Expo-specific packages used are react-native-reanimated, expo-haptics, expo-linear-gradient, and react-native-safe-area-context — all of which have full installation guides for bare React Native.

Question 5

What is Expo Go and why do I need it?

Accepted Answer

Expo Go is a free app from Expo that runs React Native apps instantly on your phone. Every screen on RNBlocks is a real React Native component — Expo Go runs it natively so you get the actual feel, animations, and interactions, not a web simulation. It is optional: you can also preview screens in the browser.

Question 6

How do I preview a screen on my phone?

Accepted Answer

Install Expo Go from the App Store or Google Play. Open any screen on RNBlocks and tap Open in Expo Go. On the page that opens, tap Open with Expo. The screen loads natively on your device.

Question 7

How do I preview a screen from my desktop?

Accepted Answer

Open Expo Go on your phone. Tap the scan icon in the top-right corner of the Expo Go home screen. Point your camera at the QR code shown in the desktop preview panel. The screen opens immediately.

Question 8

The screen preview is loading forever — what's happening?

Accepted Answer

The desktop preview is an Expo Snack embed that compiles in your browser via WebAssembly. On slower connections this takes 10–20 seconds. If it spins for more than 30 seconds, try refreshing. If it persists, use the Expo Go preview on your phone instead — it is faster and more reliable.

Question 9

Can I preview screens without an account?

Accepted Answer

Yes. Browsing and previewing every screen is completely free and requires no account.

Question 10

Does preview work on Android?

Accepted Answer

Yes. Expo Go is available on both iOS (App Store) and Android (Google Play). Both platforms get the same live native preview.

Question 11

What can I generate with RNBlocks?

Accepted Answer

Playground (Pro) generates a single React Native screen from a text prompt. Studio (Studio plan) generates a full multi-screen app — 3 to 5 connected screens with a navigator, shared types, and a consistent design — then lets you iterate with follow-up messages.

Question 12

Can RNBlocks generate games?

Accepted Answer

No. RNBlocks generates React Native mobile apps for iOS and Android — consumer apps, B2B tools, and product prototypes. It does not generate games built with Unity, Unreal Engine, or similar game engines. If the idea is a mobile app that happens to have game-like elements (leaderboards, challenges, animated screens), that can be generated. But a rendered game engine title is outside the scope of what RNBlocks produces.

Question 13

What is the difference between Playground and Studio?

Accepted Answer

Playground generates one screen at a time. Studio generates a complete multi-screen app with React Navigation wired automatically, shared types and colors, and a downloadable .zip Expo project.

Question 14

Can I upload a design or screenshot for the AI to match?

Accepted Answer

Yes. In both Playground and Studio you can attach an image — a Figma export, a screenshot, or a wireframe. The AI uses it as a visual reference when generating the screen.

Question 15

How many screens does Studio generate?

Accepted Answer

Studio generates 3 to 5 screens per flow depending on the complexity of your app idea.

Question 16

Can I iterate and refine generated screens?

Accepted Answer

Yes. After the initial generation you can send follow-up messages to change colors, swap layouts, add elements, or fix anything that's off. Every change creates a new version so you can always step back.

Question 17

Can I go back to a previous version?

Accepted Answer

Yes. Every generation is saved as a numbered version (v1, v2, …). Click any version badge to restore that version's preview instantly.

Question 18

My generation failed — will I be charged a credit?

Accepted Answer

If generation fails with an overloaded or server error before completing, you are not charged a credit.

Question 19

Can I download the generated code?

Accepted Answer

Yes. In Playground, use the copy button to grab the .tsx source. In Studio, download your full flow as a complete .zip Expo project. Downloading from Studio requires the Studio plan.

Question 20

What tech stack do the screens use?

Accepted Answer

All screens are TypeScript React Native components for Expo SDK 54. Styled with StyleSheet.create() — no NativeWind, no Tailwind. Animations use react-native-reanimated, haptics use expo-haptics, gradients use expo-linear-gradient, icons use @expo/vector-icons.

Question 21

Can I use these screens in a bare React Native project?

Accepted Answer

Yes, with minor adjustments. The Expo-specific packages all have installation guides for bare React Native.

Question 22

Do the screens work with NativeWind or Tamagui?

Accepted Answer

Yes. Screens use StyleSheet.create() and are self-contained — they will not conflict with NativeWind or Tamagui.

Question 23

Do the screens use TypeScript?

Accepted Answer

Yes. Every screen is a fully typed .tsx file with explicit types for props, state, and data shapes.

Question 24

Are screens compatible with Expo Router?

Accepted Answer

Yes. Screens are plain React Native components and work as Expo Router file-based routes.

Question 25

What do I get for free?

Accepted Answer

Browse all screens and flows, live Expo Snack preview for every screen — all free with no account. Download any screen source file free with a free account. 50 free credits on signup to try AI generation.

Question 26

How much does RNBlocks cost?

Accepted Answer

Free: browse and preview. Pro: $15/month — AI Playground generation. Studio: $29/month — multi-screen app generation and .zip download.

Question 27

Do unused credits roll over?

Accepted Answer

Plan credits reset monthly and do not roll over. Top-up credits never expire. The 50 signup credits are a one-time gift.

Question 28

Can I cancel anytime?

Accepted Answer

Yes. Cancel from your profile — your plan stays active until the end of the billing period. Your generation history and downloaded code are always yours.

Question 29

Do I own the code I download or generate?

Accepted Answer

Yes. Code you download or generate is yours. RNBlocks does not claim ownership over downloaded or generated code.

Question 30

Can I use RNBlocks screens in commercial projects?

Accepted Answer

Yes. Downloaded and generated screens can be used in personal, client, and commercial projects, including apps you publish on the App Store or Google Play.

Question 31

Can I resell or redistribute the screens?

Accepted Answer

You can use screens in client projects and sell products built with them. You may not resell or redistribute the raw screen source files as a template library or component kit.

Question 32

Is RNBlocks open source?

Accepted Answer

No. RNBlocks is a commercial product. The screens you download are yours to use freely in your projects.

Frequently asked questions

Getting started

Previewing screens

AI Playground

Studio

Tech stack

Plans & billing

Ownership & licensing

Troubleshooting