Onboarding

Onboarding screens for your Expo app.

Describe the app in a few sentences and pick a style. Prepaper draws the artwork, lays out a first draft of the tour, and exports it as a component you paste into your codebase.

Included

What you get.

  • Drawn

    Pieces or backgrounds

    One drawing gives you up to 16 pieces in your style, each on its own with a transparent edge, sharing one palette and one light. Or ask for backgrounds instead: one drawing covers a tour of up to four slides, the sign-in slide included, with a full-bleed background on each.

  • Arranged

    A first draft you can move

    The studio lays out every slide with its title and copy in place. Drag any piece, snap to the guides, swap a background, add or remove slides. Motion is optional: float, sway and parallax where a screen wants it, and nothing where it does not.

  • Exported

    A component and its assets

    A zip with one prepaper-export/ folder: the React Native component in react-native/, a versioned config.json, your pieces as transparent WebP files in assets/, and a README. Also available: every slide as PNGs, a single-file snippet, a SwiftUI file, and a handoff prompt for your coding agent. Nothing calls back at runtime.

Credits

What it costs.

A tour of three slides plus a sign-in slide, with a background on every slide, is one drawing: 10 credits.

A drawing of up to 16 pieces is 10 credits at the Standard tier. Arranging and exporting are free; the credits are the drawing. See pricing.

From the gallery

Onboarding tours people listed.

Listed by the people who made them. Rest on one to watch it play; open it to see every slide.

Open the gallery

Prepaper

Draw the first version now.

A new account with an established GitHub account is gifted 20 credits, enough to draw a tour and export it.