Playground

Playground generates a single React Native screen from your prompt, a complete, working screen with realistic data, consistent styling, and all the interactions described.

The output can be previewed on your phone immediately after generation. See Previewing for how to open it natively or in the browser.

The more specific the prompt, the more accurate the result. See the full Writing effective prompts guide for tips, structure, and examples.

In short: include the app type, what the screen does, key UI elements, and a visual tone.

After the initial generation, send follow-up messages to refine the screen. You can:

• Change colors, "make the background darker and use indigo as the accent"
• Swap layouts, "replace the card grid with a horizontal scroll list"
• Add elements, "add a notification badge to the top-right icon"
• Fix issues, "the header is overlapping the status bar"
• Redesign sections, "redesign the stats row to look more minimal"

Every generation is saved as a numbered version (v1, v2, v3…). Each assistant message shows a version badge. Click any badge to instantly restore that version's preview, no data is ever lost.

When the screen is ready, use the copy button to grab the React Native source code. Paste it directly into your project.

Playground generates individual screens, for a full multi-screen app with wired navigation and a downloadable project, use Studio instead.

Playground uses credits per generation. If a generation fails before completing, no credit is deducted.

New accounts receive 50 free credits. See Plans & billing for full details on credit counts and top-ups.