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.
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.
