UI reference · iOS

Entering barcode manually in MyFitnessPal

3 screens · MyFitnessPal

Added to Refcat Mar 29, 2026

Every screen in order

Patterns

Camera & Scanner

Components

input

Explore real product flows

Onboarding flow in MyFitnessPal

Home flow in MyFitnessPal

Subscribing to premium flow in MyFitnessPal

Subscribing to premium

Onboarding flow in MyFitnessPal

App walkthrough flow in MyFitnessPal

App walkthrough

Nutrition flow in MyFitnessPal

Scanning a meal flow in MyFitnessPal

Scanning a meal

Add food flow in MyFitnessPal

Diary Log flow in MyFitnessPal

Changing time range view flow in MyFitnessPal

Changing time range view

Adding a goal card flow in MyFitnessPal

Adding a goal card

Adding food with search flow in MyFitnessPal

Adding food with search

Explore the full catalog

Terms and conditions Privacy Cookies