Auth and sign-in
Mobile15 components83 variants4 recreations
Mobile sign-in screens and parts, from social buttons and passkeys to codes, two-factor and locked accounts.
$9, or included with Pro
Onboarding and walkthroughs (Mobile)
Mobile packFlows
Mobile onboarding screens from splash to celebration, with questions, goals, permissions and tutorials.
- components
- 20
- variants
- 128
- recreations
- 4
- themes
- 2
Also for desktop: Onboarding and walkthroughs
What’s inside
13 onboarding patterns: splash, welcome, value carousel, single and multiple choice questions, goal picker, progress header, permission priming, account setup, interactive tutorial with coach marks, checklist, what's new and a celebration end screen. Reusable parts carry pressed, focus and disabled states, and every page has a documentation frame with a live grid in Light and Dark, Comfortable and Compact.
- Permission primers for notifications, location, camera and contacts
- Coach marks, spotlight and gesture hints for tutorials
- 4 recreations from Duolingo, Headspace, Calm and Spotify
Splash
6 variants
- Brand
- Canvas
- Launch
- Loading
- Offline
Welcome
4 variants
- Hero
- Value list
- Providers
Value carousel
6 variants
- Page 1
- Page 2
- Page 3
- Dots
- Pill
Page indicator dots
12 variants
Answer option
Free sample16 variants
- Single
- Multi
- Selected off
- Selected on
- Default
- Pressed
- Focus
- Disabled
Single choice question
6 variants
- Rows
- Cards
- None
- Selected
- Error
Multiple choice question
6 variants
- List
- Tiles
- None
- Some
- At limit
Goal chip
8 variants
Goal picker
6 variants
- Cards
- Chips
- None
- Recommended
- Other
Progress header
9 variants
- Bar
- Segments
- Steps
- Start
- Middle
- End
Permission primer
8 variants
- Notifications
- Location
- Camera
- Contacts
- Prime
- Denied
Permission sheet
2 variants
Account setup step
9 variants
- Name
- Username
- Photo
- Empty
- Filled
- Invalid
Interactive tutorial
3 variants
Coach mark
6 variants
- Above
- Below
- Start
- Centre
- End
Gesture hint
3 variants
Checklist item
8 variants
Checklist
3 variants
- None
- Some
- All done
What's new
4 variants
- Sheet
- Full screen
- List
- Hero
Celebration
3 variants
- Setup complete
- Streak
- Milestone
- Figma file
- SuperDuper Pack: Onboarding and walkthroughs (Mobile)
- Themes
- Light and Dark
- Densities
- Comfortable and Compact
- Also in the file
- Usage and accessibility notes, motion specs, Figma variables
- Covers 7 screen patterns
- Splash screen, Welcome & get started, Onboarding carousel, Onboarding question, Permission request, Account setup and Feature info & tip
How Duolingo, Headspace and Calm and others do it
Recreations of real products, so you can compare approaches side by side. They are approximate, built from public product knowledge, with placeholder data and no third-party artwork.
Language learning
Recreated from Duolingo
Meditation
Recreated from Headspace
Sleep and relax
Recreated from Calm
Music taste
Recreated from Spotify
Not affiliated with, endorsed or sponsored by Duolingo, Headspace, Calm and Spotify. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the answer option full size, free
The answer row every question screen uses, in single and multi select with every state. All 16 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More flows packs
Paywalls and pricing
Mobile14 components80 variants6 recreations
Mobile paywalls, plan cards, trial timelines, upsell sheets and offers, built around honest pricing.
$9, or included with Pro
Checkout and payments
Mobile14 components43 variants4 recreations
Mobile checkout from basket to receipt: addresses, delivery slots, cards, wallets, promo codes, tips and orders.
$9, or included with Pro
Questions about the onboarding and walkthroughs pack
One Figma file: SuperDuper Pack: Onboarding and walkthroughs (Mobile). It has 20 components with 128 variants, 4 recreations, and notes on when to use each part. Everything uses Figma variables, so you can change the colours and type to match your product.