rnblocks

Frequently asked questions

Can't find what you're looking for? Email us.

Previewing screens

What is Expo Go and why do I need it?

Expo Go is a free app from Expo that lets you run React Native apps instantly on your phone. Every screen on rnblocks is a real React Native component. Expo Go runs it natively on your device so you get the actual feel, animations, and interactions, not a web simulation.

Download for iOSDownload for Android
How do I preview a screen on my phone?
  1. 1Install Expo Go from the App Store or Google Play.
  2. 2Open any screen on rnblocks and tap "Open in Expo Go".
  3. 3On the page that opens, tap "Open with Expo".
  4. 4The screen loads natively on your device — fully interactive.
How do I preview a screen on my phone from my desktop?
  1. 1Open Expo Go on your phone.
  2. 2Tap the scan icon in the top-right corner of the Expo Go home screen.
  3. 3Point your camera at the QR code shown in the desktop preview panel.
  4. 4The screen opens immediately — no browser step needed.
The screen preview is loading forever on desktop. What's happening?
The desktop preview is an Expo Snack embed — it compiles and runs the React Native component in your browser via WebAssembly. On slower connections this can take 10–20 seconds. If it spins for more than 30 seconds, try refreshing the page. If the problem persists, try the Expo Go preview on your phone instead.
Can I preview screens without an account?
Yes. Browsing and previewing all screens is completely free and requires no account. You only need to sign in to download source code or use the AI playground.

AI Playground

What can I generate?
The Playground (Pro) generates a single React Native screen from a prompt. Describe the layout, colors, and interactions and get back a complete .tsx file. Studio goes further: describe a full app idea and get 3 to 5 connected screens with a navigator, then iterate with follow-up messages to refine any screen.
How much does it cost?
Browsing and previewing screens is always free — no account needed. Downloading source is free with an account. AI generation in the Playground is included in Pro ($15/month). Multi-screen flow generation in Studio is included in the Studio plan ($29/month).
Can I go back to a previous version?
Yes. Every generation in a session is saved as a version. Each assistant message shows a version badge (v1, v2, …). Click any badge to restore that version's preview instantly.
My generation failed — will I be charged?
If generation fails with an overloaded error, you are not charged. If it fails mid-stream due to a network issue, contact support and we'll make it right.
Can I download the generated code?
Yes. Generated screens can be downloaded directly from the Playground and Studio. Downloads are included with your Pro plan.

Accounts & plans

What do I get for free?
  • Browse all screens — no account needed
  • Live Expo Snack preview for every screen — no account needed
  • Download any screen source with a free account
What's included in Pro?
  • Everything in Free
  • AI screen generation from a prompt
  • Iterate with follow-up messages
  • Permanent generation history
  • Export source code, copy-paste ready
Do unused credits roll over?
Pro subscription credits reset monthly and do not roll over. Manually topped-up credits never expire.

Using the components

What tech stack do the screens use?
All screens are TypeScript React Native components built for Expo (SDK 54). Styles use StyleSheet.create() — no NativeWind, no Tailwind. Animations use react-native-reanimated. Haptics use expo-haptics. Gradients use expo-linear-gradient. All packages are pre-installed in every new Expo project.
Can I use these screens in a bare React Native project (not Expo)?
Yes, with minor adjustments. The components use standard React Native APIs. 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 installation instructions for bare React Native in their respective docs.
Do the screens work with NativeWind or Tamagui?
Screens are styled with StyleSheet.create() exclusively. They're self-contained and won't conflict with NativeWind or Tamagui — just drop them in alongside your existing style system.