Onboarding screens
GroundUI has 5 onboarding screens for mobile apps, each with editable source code in Flutter, React Native and SwiftUI. Examples include your plan is ready, pick your goal and habit app welcome.
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
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
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
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
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 · Flutter, React Native, SwiftUI