Onboarding quiz question

One question from a personalisation quiz in a calorie tracker: a step progress bar, a plain question, five single-choice answers with icons and a continue button that unlocks after a pick. Use it for longer onboarding quizzes before a plan.

Onboarding quiz question — mobile app screen preview

What you get

Screen type
Onboarding
Source code
Flutter (Dart), React Native (JavaScript), SwiftUI (Swift)
Typical use
Personalising onboarding with one question
Part of flow
Fennick Snap
Version
v3
Access
Source code opens in the app with a GroundUI licence.

This is a starting point, not a finished app. The screen ships as editable source code you own outright: wire it to your own data, services and design tokens before release.

Browse related screens

More onboarding screens

  • Your plan is ready — mobile app screen preview

    Your plan is ready

    Final onboarding screen that shows the personalised result: a summary of the user's answers, a seven-day strip marking training days and the first three sessions with durations. A Start day 1 button hands the user into the app.

    Onboarding · Flutter, React Native, SwiftUI

  • Pick your goal — mobile app screen preview

    Pick your goal

    Onboarding question that personalises a habits and fitness plan: a step progress bar, one question and five selectable goal cards with icons and short descriptions. Continue stays disabled until a goal is picked. Use it to tailor content during sign-up.

    Onboarding · Flutter, React Native, SwiftUI

  • Habit app welcome — mobile app screen preview

    Habit app welcome

    Welcome screen for a habits and fitness app: an abstract progress illustration with a streak card, a short value line, a full-width Get started button and a sign-in link for returning users. Use it as the first screen of onboarding.

    Onboarding · Flutter, React Native, SwiftUI

  • Personalised calorie plan — mobile app screen preview

    Personalised calorie plan

    The result of an onboarding quiz: a daily calorie target, protein, carbs and fat bars, a projected weight curve with a goal date and a button to continue. Use it after a quiz to show users a plan made from their answers.

    Onboarding · Flutter, React Native, SwiftUI