Mobile screen design examples

Screen types

Tahanan: Learn Tagalog login screen. Apple and Google come before the email form, under a welcome-back message.

Chatbot App: AI Assistant login screen. Email and password lead, with recovery, registration, and social options nearby.

adidas: Shop Shoes & Clothing login screen. Apple takes the primary position, followed by Facebook, Google, and email.

Login

Modyfy: AI Car Designer: The bottom of the screen displays the app version number.

1.1.1.1: Faster Internet: The bottom section contains list items for 'Account' and 'Advanced' settings, followed by a 'Legal' section that displays the app version number '6.31.1 (2508072142.1)'.

Widgetable: Besties & Couples: Below this, the screen is divided into two main list-based sections: 'Setting' and 'Support & About'.

About the app

Heyyyy: Stories that text back: Top navigation bar followed by segmented tabs, then grouped settings sections (Account, Appearance, Preferences, Help & Support), ending with a bottom destructive action button.

Redfin: Buy, Sell & Rent Homes: The 'ACCOUNT' section contains links for 'Personal Information', 'Change Password', 'Delete Account', 'Feed Settings', and 'Directions'.

Account settings

Ascend: Bible Game: The modal provides a list of four ways to earn in-game currency: completing lessons, maintaining a daily streak, hitting milestones, and acing quizzes, each accompanied by a relevant icon.

Litres: Audio: At the bottom of the screen, there is a prominent blue 'Share' button for the user to export or share their reading achievement.

Achievements

Calculator₊: This screen displays a 'History' modal overlaying a standard calculator interface.

invideo AI: AI Video Generator: This screen displays a history list of AI video generation sessions within the invideo AI app, overlaid with a modal confirmation dialog.

Activity history

Yard AI: Backyard Design: The screen features a centered, light-gray circular container holding a green camera-scanner icon, symbolizing the active processing of an image.

v0: Top navigation bar, followed by a chat bubble user prompt, a vertical list of AI execution steps, and a fixed bottom input bar.

Rork: Centered content with a top-right close button and a top-center app branding pill.

AI generation progress

Tattoo AI - Tattoo Design: Below the image, a row of four circular action buttons allows the user to 'Edit', 'Try On', 'Save', or 'Pin' the generated design.

ChatGPT: This is a native iOS system share sheet overlaying a dark-themed background containing an AI-generated image of a Mars rover.

ChatGPT: This screen shows a ChatGPT conversation interface where an AI has generated an image of a Mars rover.

AI generation results

Yard AI: Backyard Design: At the bottom, there is a text input field with the placeholder 'What would you like to change?

Google Gemini: Below, a message bubble contains the user's prompt 'Can you summarize this for me?' alongside a preview of the uploaded document, which discusses data privacy and user consent in UX design.

Bible Chat: Daily Devotional: In the middle of the screen, there is a black card containing a suggested prompt: 'How can I live out this Bible teaching in my daily walk with God?' with an arrow icon indicating it is an interactive suggestion.

AI prompt composers

Layout for Instagram・Inpreview: At the top, under 'APPEARANCE', users can select between 'Light' and 'Dark' themes, with the Light theme currently selected.

Plane Finder ⁃ Flight Tracker: This screen is a 'Dark Mode' settings page within the Plane Finder app.

Transit • Subway & Bus Times: This screen displays a modal overlay titled 'Themes and icons' within the Transit app, set against a dark-themed background.

Appearance settings

Scroll The Bible: This screen displays a minimalist Bible reading interface designed for vertical scrolling.

Fishbrain - Fishing App: This screen displays an educational article within the Fishbrain app titled 'How to find the best time to catch fish?'.

The Wall Street Journal. News: This screen from The Wall Street Journal app displays a news article focused on economic trends.

Articles and reading

Voice Recorder－Audio Memos Арр: The screen is vertically organized with a title at the top, a large waveform visualization in the middle, a digital timer below that, and a control bar at the bottom.

Voice Recorder－Audio Memos Арр: Top header, central waveform visualization with timeline, large elapsed time display, and a bottom row of three circular action buttons.

SnoreLab : Record Your Snoring: Below this, a descriptive text explains the purpose of the setting: to choose when the app should automatically resume recording after the user has manually paused it during the night.

Audio recording

AI Summary - Meeting Notes: Below the title 'Note' and timestamp, there are two segmented control tabs: 'Transcription' (active) and 'Summary' (inactive).

AI Summary - Meeting Notes: This screen displays a detailed transcription and summary interface for a video titled 'world's shortest UI/UX design course'.

Voice Recorder－Audio Memos Арр: Below the waveform is a prominent blue 'Transcribe' button.

Audio transcripts

SubPilot: Cancel Subscriptions: This screen displays the details of a specific subscription, Netflix, within a personal finance management app.

EveryDollar: Budget Management: The first card contains list items for 'Manage Account' and 'Manage Subscription', both with chevron icons.

Good Food: Recipe Finder: The options include 'Manage subscription', 'Link subscription', 'Update email', 'Update password', and a final 'Delete account' option in a distinct green color.

Billing and subscriptions

Plane Finder ⁃ Flight Tracker: This screen displays a flight timeline for flight HAL1614, featuring a calendar view at the top for date selection and a scrollable list of flight records below.

Flight Tracker +: This screen is a modal date picker interface for a flight tracking application.

Budget app - spending tracker: At the top, a calendar view displays the current month, with specific dates highlighted to show transaction activity.

Calendars

TCG Card Scanner & Value-Foloy: At the top, a dark semi-transparent banner prompts the user to 'enable camera access' to begin scanning.

ZARA: A centered iOS system alert modal asks for permission to access the camera, explaining that it is used to scan product barcodes, QR codes, and gift cards.

Gaia GPS: Mobile Trail Maps: The modal, centered on the screen, features a camera icon with a hand gesture overlay, requesting access to the device camera to allow the user to add photos to their GPS track.

Camera permission

Tiny Scanner - PDF Scanner App: This is the camera interface for a document scanning app, featuring a dark, minimalist design optimized for capturing images.

ZARA: This screen is a camera-based scanner interface within the Zara app, designed for scanning product barcodes or QR codes.

Plant Identifier, Care: Planty: This screen is a camera-based diagnostic interface for a plant care app.

Camera

v0: Header at the top, chat history/status in the middle, and a fixed input bar at the bottom.

Nerd AI - Math Problem Solver: Top feedback banner, central scrollable math solution, horizontal action buttons, bottom chat input bar.

ZARA: Top navigation bar, chat message area, privacy disclaimer, text input field, and system keyboard.

Chat

Expedia: Hotels, Flights, Cars: This is a 'Secure checkout' screen in the Expedia travel booking app.

Transit • Subway & Bus Times: This screen displays the native iOS App Store subscription confirmation modal overlaid on top of a Transit app paywall background.

ZARA: This Zara mobile app screen represents a delivery or fulfillment selection page within the checkout flow.

Checkout

Fishbrain - Fishing App: At the bottom, there is a persistent input bar for commenting as 'juliascreens', featuring a plus icon and a send icon.

Pick Up Limes: This screen displays a 'Discussion' section for a recipe or article within the Pick Up Limes app.

VSCO: Photo & Video Editor: This screen displays a social discussion overlay within a photo-sharing app.

Comments

Klook: Travel & Activities: The 'Contact details' section includes input fields for first name, last name, country code, phone number, and an email address.

Redfin: Buy, Sell & Rent Homes: Top navigation bar, header text, descriptive text, vertical stack of input fields, legal disclaimer text, and a large submit button.

Windy.app — Wind, Tides, Radar: Contact information is presented in a list format, including a phone number, website URL, email address, and a physical address in Manila, Philippines.

Contact details

Too Good To Go: Save Good Food: This screen is a 'Contact Us' form within the Too Good To Go app, designed for users to report issues with specific orders.

Zutobi: Permit & Driving Prep: Below the title, a rounded, semi-transparent card contains three list items: 'Contact us', 'Terms and conditions', and 'Privacy policy'.

Ascend: Bible Game: Below the title is a subtitle inviting users to find answers or contact support.

Contact support

Pick Up Limes: Top search bar, followed by a two-column grid of recipe cards, and a bottom navigation bar.

Particle: Personalized News: Top navigation bar followed by a horizontal carousel of article cards, then a section header for quotes, and a vertical list of quote cards.

FLYP - Fashion Design Studio: Header with tabs, followed by a central product card, and a bottom navigation bar.

Content feeds

GoPhoto:AI Photo & Video Maker: This screen displays the user's 'My Coins' balance within the GoPhoto app.

ZEDGE™ Ringtones & Wallpapers: This screen is a 'Get Credits' modal within the ZEDGE app, designed for users to purchase or earn virtual currency.

Filmit AI: AI Cinematic Video: The list below shows a single entry for 'Daily Credits' received today at 2:05 PM, adding 80 credits to the balance.

Credits and tokens

Nerd AI - Math Problem Solver: The main area displays a document or worksheet containing multiple math problems, with a semi-transparent overlay box highlighting a specific area for the user to crop.

Tiny Scanner - PDF Scanner App: The document crop frame includes adjustable corner handles and a paper-size control.

PDF Scanner AI: Scan Documents: This screen is a document cropping and editing interface within a mobile scanner app.

Image cropping

Budget app - spending tracker: This screen is a modal interface titled 'Add Currency' used for selecting a currency from a list.

Calculator₊: Each currency entry displays a flag icon, the currency code (e.g., EUR, USD, BTC), the full currency name, and a star icon indicating its favorite status.

Budget app - spending tracker: This screen is a modal interface for managing salary or income currency settings within a personal finance app.

Currency selection

Pick Up Limes: Top navigation bar with date, central circular dashboard, and a bottom modal overlay for specific tracking details.

Fishbox - Smart Fishing App: Top navigation bar with location name, horizontal date selector, main fishing forecast chart, informational footer, and bottom navigation bar.

EveryDollar: Budget Management: Top green header with date and tabs, followed by summary cards, then categorized list sections for budget items, ending with a bottom navigation bar.

Dashboards

Too Good To Go: Save Good Food: This screen is a modal date picker used for setting a user's birth date.

Calorie Counter by Numify: This is an onboarding screen for a calorie tracking app, specifically asking the user for their date of birth.

Date of birth

DAZN: Stream Live Sports: The modal contains two primary buttons: a white 'SEE WHAT'S ON' button to cancel the deletion and return to content, and a dark grey 'DELETE ACCOUNT' button to proceed with the deletion.

Good Food: Recipe Finder: Top navigation bar with back button and title, followed by a block of informative text, and two stacked buttons at the bottom.

TCG Card Scanner & Value-Foloy: It features a top navigation bar with a back arrow and the title 'Delete Account'.

Delete account

Litres: Audio: The screen features a clean, minimalist white background with a centered illustration of a downward-pointing arrow inside a light gray circle, symbolizing downloads.

Wikiloc - Trails of the World: A yellow tooltip at the top indicates that offline maps are available for the current area.

Scanner App: Genius Scan: The top navigation bar includes a back button to 'On My iPhone', the folder name 'Downloads' with a dropdown arrow, a grid view icon, and an 'Open' action button.

Downloads and offline content

Edit profile

Planner 5D: AI Home Design: Top bar with close button and 3D toggle, central canvas with grid, right-side vertical toolbar, bottom drawer for object selection.

FLYP - Fashion Design Studio: Top navigation bar, central 3D viewport with main and secondary models, and a bottom control panel with a toolbar.

Yard AI: Backyard Design: Top navigation bar, large hero image, two horizontal cards, list of suggested ideas, text input field, and a large bottom action button.

Editors

Too Good To Go: Save Good Food: Below this, an input field displays the user's email address ('screensdesigntest@gmail.com') with a clear-text 'x' icon on the right.

Spoke Route Planner: The screen features a clean, minimal design with a large heading 'Your email address' at the top.

Bible Chat: Daily Devotional: It features a clean, minimalist design with a centered prompt asking the user to provide their email address for follow-up communication.

Email entry

WeMoms - Pregnancy & Baby App: Header with back button and title, followed by a tabbed navigation bar, and a centered empty state illustration with text below it.

Fishbox - Smart Fishing App: Top navigation bar, followed by a tabbed selector, a centered empty state illustration with text, and a bottom primary action button.

Noxogy Sleep Tracker: Top navigation bar, storage summary header, empty state message in the center, and bottom action bar.

Empty states

Useless - Screen Time Control: A red inline message explains that the selected time overlaps an existing schedule.

calimoto Motorcycle Navigation: This screen displays a map-based interface for a motorcycle navigation app, featuring a modal error message overlaid on a map view.

Meetup: Social Events & Groups: This screen displays an error state within a multi-step onboarding or setup flow.

Errors

Meetup: Social Events & Groups: This is an event confirmation screen in the Meetup app, indicating that the user and one guest have successfully RSVP'd to an event.

Sky Tonight - Stargazing Guide: The top section features a header with the event name and a segmented control for switching between 'Info' and 'Figures' views.

Widgetable: Besties & Couples: Header with title and event branding, followed by a rule list, a rewards showcase section, and a bottom section for rewarded videos.

Event details

Scanner App: Genius Scan: This is a modal screen titled 'Export History' in a document scanning application.

Calculator₊: A secondary modal is overlaid at the bottom, prompting the user to 'Export Calculations History' with a choice to export as 'CSV' or 'Cancel' the action.

Scanner App: Genius Scan: This screen is an 'Export options' modal within a document scanning app, allowing users to configure how they export their scanned documents.

Export and save

Widgetable: Besties & Couples: This is an FAQ screen for the Widgetable app, featuring a list of common troubleshooting questions related to widget installation and performance.

Flight Tracker +: This screen displays a 'Frequently Asked Questions' list within a flight tracking application.

Calculator₊: This is a Frequently Asked Questions (FAQ) screen within the Calculator+ app.

FAQs

ZARA: This is a filter and sort modal screen in the Zara mobile application.

Wikiloc - Trails of the World: This is a modal filter screen for an outdoor trail discovery app.

Yelp: Food, Services & Reviews: This screen displays a map-based search interface for finding businesses, with a modal overlay for filtering by price.

Filters

Fishbrain - Fishing App: This is a modal screen in the Fishbrain app used for reporting content.

Zalando – Online fashion: This screen is an informational FAQ page within the Zalando app titled 'Report content on Zalando'.

Meetup: Social Events & Groups: The main content consists of a bold heading 'What's the reason you're reporting this?' followed by a reassuring subtext: 'We won't share this information with the organizer'.

Report content

Vivino: Drink The Right Wine: At the top, a navigation bar includes a back button and the title 'Followers', followed by a 'Follow requests' row with a chevron.

Followers and following

Refina: AI Plastic Surgery: The screen features a clean, minimalist layout with a centered heading 'Which gender best describes you?' followed by a subtext explanation.

Heyyyy: Stories that text back: This is an onboarding screen for the Heyyyy app, asking the user to select their gender identity.

Too Good To Go: Save Good Food: This is a gender selection screen in a mobile application.

Gender selection

Calorie Counter by Numify: This is an onboarding screen for a calorie tracking app, asking the user to decide how to handle workout calories in their daily goal.

EveryDollar: Budget Management: Top navigation bar with progress indicator, followed by a header, sub-header, a list of three selection cards, and a bottom primary action button.

Zumba - Dance Fitness Workout: Below this, a card titled 'Achieve results faster' provides motivational text about the benefits of setting a goal, accompanied by a small, stylized calendar icon.

Goal selection

Precious - Baby Photo Art: This is a support screen for the Precious app, featuring a clean, minimalist list of help topics.

Zutobi: Permit & Driving Prep: This screen displays a Frequently Asked Questions (FAQ) page for the Zutobi app, set against a vibrant teal gradient background.

Calculator₊: This is a 'Frequently Asked Questions' support screen for the Calculator+ app.

Help and support

Eppika: Read & Learn Languages: Top section with book carousel, middle section with two informational cards, bottom persistent reading progress bar, and bottom navigation.

WebNovel - Read Novels & Manga: Top notification bar, tabbed navigation, hero recommendation card, horizontal book carousel, featured book spotlight, and bottom navigation bar.

Redfin: Buy, Sell & Rent Homes: Top search bar and filters, large central map area with floating buttons, bottom navigation bar.

Home

Hypelist: Create & Share Lists: This is an onboarding interest-selection screen for the Hypelist app.

Eppika: Read & Learn Languages: The layout features a progress bar at the top, followed by a clear heading 'Which books interest you?' and a sub-instruction 'Select Yes for books you'd like to read'.

Eppika: Read & Learn Languages: Top progress bar, header text, centered book card with image and title, and two bottom action buttons.

Interest selection

Useless - Screen Time Control: The screen prompts the user to enter a referral code with the heading 'Do you have a referral code?' and a subtext explaining that users can skip this step if they weren't invited by a friend.

Fishbrain - Fishing App: A prominent dark blue 'Invite friends' button is centered below the text.

Map My Run GPS Running Tracker: This screen is a 'Choose Friends' interface within a fitness app, designed for selecting contacts to invite.

Invite friends

HelloBot - Astrology & Tarot: This is a language selection screen in a mobile application.

Eppika: Read & Learn Languages: This is an onboarding screen for a language learning app, asking the user to select their native language.

WebNovel - Read Novels & Manga: This screen is a language selection settings page within the WebNovel app.

Language selection

Zumba - Dance Fitness Workout: This screen is a mobile web view within the Zumba app displaying details for an in-person Zumba class.

Tuner Pro: Guitar Tuner & Tab: This screen is an interactive music education lesson within a guitar app, specifically teaching the concept of 'open strings'.

Vivino: Drink The Right Wine: The layout features a blurred, scenic background with a central white card containing the lesson content.

Lesson details

Tattoo AI - Tattoo Design: This screen displays a loading or processing state for an AI tattoo design application.

Hypelist: Create & Share Lists: A centered graphic element on a blurred background.

Widgetable: Besties & Couples: This is a loading screen for the Widgetable app, featuring a soft, light-cream background.

Loading

10K Runner, Couch to 10K Run: The central white modal is titled 'AWESOME RUNNER' and prompts the user to 'allow access to your location' to enable running instruction and calorie tracking.

calimoto Motorcycle Navigation: The central modal is dark-themed with a white title 'Location' and a descriptive message explaining that the app requires location permissions for navigation and tracking, followed by a prominent 'Allow' button.

SmartNews: Now in Spanish: This screen is a system-level location permission request overlaying a branded onboarding background for the SmartNews app.

Location permission

Transit • Subway & Bus Times: This screen is a modal overlay within the Transit app, prompting the user to save a specific address ('58 Carmine St') as 'Home'.

HBX | Globally Curated Fashion: The top of the screen features a back button and a search bar for filtering locations.

Location selection

Wikiloc - Trails of the World: This screen displays a map-based interface for planning an outdoor trail.

Windy.app — Wind, Tides, Radar: This screen displays an interactive weather map from the Windy.app, centered on the United States with a focus on Mille Lacs Lake, Minnesota.

ZARA: This screen displays a map-based store locator for a Zara retail location at the Glendale Galleria Mall.

Maps

IDAGIO Stream Classical Music: This is a music player screen for the IDAGIO app, featuring a large, centered black-and-white album cover of a pianist.

The Guardian - US & World News: This screen displays an audio player modal overlaying a news article background in The Guardian app.

invideo AI: AI Video Generator: At the top, a video player shows a romantic scene of a couple, with standard playback controls including play/pause, seek bar, and volume toggle.

Media players

Ascend: Bible Game: The modal is titled 'Username' and prompts the user to 'Update your display name'.

CraftBook: Crochet Made Easy: Below the image upload area, there is an input field for the user to 'Pick a community display name' with a '@' symbol prefix.

Name entry

Redfin: Buy, Sell & Rent Homes: The foreground modal is titled 'Search saved' and allows the user to configure notifications for their saved search.

Flight Tracker +: Below this, a white card titled 'Features' contains two sections: 'Notifications' and 'Integrations'.

bergfex: Hiking & Tracking: This screen displays the 'Notification Settings' menu for the bergfex app, organized into two main sections: 'Activities' and 'General'.

Notification settings

Sky Tonight - Stargazing Guide: At the bottom of the screen, there is a prominent blue 'Allow' button for granting notification permissions, followed by a secondary 'NEXT' text link for users who wish to skip or proceed without enabling them immediately.

Windy.app — Wind, Tides, Radar: Top progress bar, headline and subheadline text, central illustration of a phone, system permission modal, and two bottom action buttons.

1.1.1.1: Faster Internet: This screen is a system-level notification permission request overlay presented within the 1.1.1.1 app.

Notification permission

DAZN: Stream Live Sports: This screen is a 'Manage alerts' settings page for a specific sports team, 'Barcelona', within the DAZN app.

Deezer: Music Player, Podcast: This is a notification settings screen in the Deezer app, featuring a dark-themed interface with a list of toggleable push notification preferences.

The Wall Street Journal. News: This screen is a notification settings page for The Wall Street Journal app.

Notifications

WeMoms - Pregnancy & Baby App: Top right login link, centered main heading, and three vertically stacked selection buttons.

Fishbox - Smart Fishing App: Top section contains a map-based data visualization card, middle section contains text, and bottom section contains a pagination indicator and a large primary button.

Noxogy Sleep Tracker: Top-aligned title, central graphic, and bottom-aligned action buttons with a small descriptive text.

Onboarding

Zalando – Online fashion: This is a checkout payment screen for the Zalando fashion app.

ZARA: This screen is a credit card payment entry form within the Zara mobile application.

Too Good To Go: Save Good Food: This is an error screen in the Too Good To Go app informing the user that their Apple Wallet does not contain a supported payment card.

Payment methods

WeMoms - Pregnancy & Baby App: Top header with badge and title, central list of features in a card, bottom pricing and CTA button.

Fishbox - Smart Fishing App: Top navigation, hero illustration, headline, carousel dots, subscription plan cards, primary CTA button, and footer links.

Plant Identifier, Care: Planty: Top badge and rating, middle testimonial carousel, bottom subscription plan cards, primary CTA button, and footer links.

Paywalls

WeMoms - Pregnancy & Baby App: Top illustration, centered title and subtitle, list of three toggle rows, bottom CTA button.

Fishbox - Smart Fishing App: A centered system modal dialog box sits on top of a blurred background image, with social proof and association branding at the bottom.

Noxogy Sleep Tracker: The screen is vertically oriented with a header at the top, a central list of permission requests, a large decorative graphic in the middle, and a primary action button at the bottom.

Permissions

Precious - Baby Photo Art: This screen is a phone number entry form for a user research or incentive program.

Yik Yak: This screen is a phone number entry form for user authentication in the Yik Yak app.

Useless - Screen Time Control: This screen is an onboarding step for the 'Useless' app, prompting the user to enter their phone number to find friends.

Phone number entry

Layout for Instagram・Inpreview: The modal, titled 'Inpreview' Would Like to Access Your Photo Library, explains the purpose of the access and displays a preview of the user's photo gallery.

Fishbrain - Fishing App: The central modal is a standard iOS photo library access request, stating that 'Fishbrain' would like to access the user's photo library to choose photos of catches.

HelloBot - Astrology & Tarot: The modal, titled '"Hellobot" Would Like to Add to Your Photos', asks for permission to access the user's photo gallery, noting that it is optional.

Photo library permission

Quinn - Audio Stories: This screen displays a user-created playlist in the Quinn audio storytelling app.

Equalizer - Volume Booster EQ: Top navigation bar, search field, list of songs, and a bottom-anchored modal overlay.

Deezer: Music Player, Podcast: This screen, titled 'Shaker', is a social music feature within the Deezer app designed for collaborative playlist creation.

Playlists

The Guardian - US & World News: This is a privacy consent screen for The Guardian app, featuring a dark blue background with white text.

Calculator₊: This is a Privacy settings screen within the Calculator+ app.

Privacy settings

Zalando – Online fashion: This is a product detail screen for a 'Björn Borg' essential hoodie in the Zalando fashion app.

FLYP - Fashion Design Studio: This screen is a product detail and configuration page for a custom-designed t-shirt within the FLYP app.

Vivino: Drink The Right Wine: This screen displays a detailed product page for a bottle of 'Christopher Creek Zinfandel 2021' wine within the Vivino app.

Product details

Wallcraft – Wallpapers, live: Top navigation bar with user info and menu, followed by a tabbed content area displaying a grid of image thumbnails.

Expedia: Hotels, Flights, Cars: Header with user info, rewards card, descriptive text, vertical list of navigation items, and bottom navigation bar.

Profiles

Bible Chat: Daily Devotional: This screen displays the results of a Bible-themed quiz, showing a score of '2 out of 10 answers were correct!' at the top.

Bible Chat: Daily Devotional: The layout features a list of questions (numbered 7 through 10) with their respective correct answers and the user's incorrect responses highlighted in red.

Premier League - Scores, News: A prominent, colorful gradient banner displays the quiz title 'QUIZ', a subtitle 'TEST YOUR KNOWLEDGE OF THE PREMIER LEAGUE SEASON SO FAR', and the user's score, '7 out of 20'.

Quiz results

Ascend: Bible Game: This screen is an interactive Bible study quiz within the Ascend app, featuring a light yellow background with a soft, cloud-like pattern.

Deezer: Music Player, Podcast: This screen displays a modal overlay titled 'How does it work?' within a music-themed quiz game interface.

Tuner Pro: Guitar Tuner & Tab: At the bottom, two large square buttons labeled 'G' and 'D' are visible, with 'G' highlighted in green, suggesting a selection or a quiz-style interaction where the user identifies or practices chords.

Quizzes

Refina: AI Plastic Surgery: This screen displays an in-app rating prompt overlaying a background page that asks 'How was your experience?'.

CraftBook: Crochet Made Easy: This screen displays a modal overlay prompting the user to rate the 'CraftBook' app on the App Store, centered over a background that appears to be a community or social proof page.

Plant Identifier, Care: Planty: A native star-rating prompt appears over the app’s permission setup screen.

App ratings

Pick Up Limes: This screen displays a recipe detail page for 'One-Pot Veggie Lentil Soup' within the Pick Up Limes app.

Good Food: Recipe Finder: This screen displays a detailed recipe page for 'One-pan black bean shakshuka'.

Good Food: Recipe Finder: This screen displays a detailed recipe page for 'One-pan black bean shakshuka' within a food and recipe app.

Recipe details

SnoreLab : Record Your Snoring: Below, a card displays an existing reminder set for 1:00 AM, active on all days of the week, with a toggle switch.

Zutobi: Permit & Driving Prep: This screen displays a modal overlay within the Zutobi driving test preparation app, prompting the user to set study reminders.

Bible Chat: Daily Devotional: Top close button, centered icon, title, description, time input field, and bottom primary action button.

Reminder setup

Litres: Audio: This screen displays a list of user reviews for an audiobook or literary work within the Litres: Audio app.

Yelp: Food, Services & Reviews: This Yelp screen displays a review detail page for a business named 'La Parisienne'.

Reviews

Klook: Travel & Activities: This screen displays a user's saved travel collection titled 'Summer 2025' within the Klook app.

The Guardian - US & World News: The screen features a centered illustration of an open folder icon above the text 'No saved articles' and a sub-instruction explaining how to save content by tapping the bookmark icon or using the 3-dot menu.

Wikiloc - Trails of the World: This screen displays a list of offline-saved trails within the Wikiloc app.

Saved items

WeMoms - Pregnancy & Baby App: Search bar at top, followed by a grid of tags, a horizontal row of tool cards, and a vertical list of community groups, with a bottom navigation bar.

Plant Identifier, Care: Planty: Header with title and instructions, followed by a search/identify input row, a 'Popular Plants' section with a list of cards, and a bottom close button.

Sky Tonight - Stargazing Guide: Search bar at top, followed by horizontal category chips, then a vertical list of trending items, and a bottom navigation bar.

Search

WeMoms - Pregnancy & Baby App: Top navigation bar, followed by three grouped list sections (Settings, Premium, Legal), and a bottom navigation bar.

Fishbox - Smart Fishing App: A modal sheet containing a top map-style selection row followed by a vertical list of toggleable map layers.

Noxogy Sleep Tracker: Top navigation bar with 'Done' button, followed by a preview area, then a list of selected items, and finally a list of available items.

Settings

HBX | Globally Curated Fashion: This is a shopping cart screen in the HBX app, displaying three items added for purchase.

SHEIN - Shopping Online: This is a shopping cart screen in the SHEIN mobile app, featuring a modal tooltip overlay that instructs the user to click the share button to share their shopping list.

HBX | Globally Curated Fashion: This is a shopping cart screen in the HBX app, displaying a list of three items added to the user's bag.

Shopping carts

GoodNovel - Booktok, Stories: This screen is a modal sign-in or sign-up interface for a mobile reading application.

calimoto Motorcycle Navigation: At the top, a 'Back' button allows navigation, followed by the title 'Create a calimoto account'.

ZARA: This is a minimalist account registration screen for the Zara mobile app.

Sign up

Litres: Audio: A floating menu is currently open, showing sorting options 'Popular' and 'New releases'.

Budget app - spending tracker: A dropdown menu is currently open, offering sorting options: 'Recent to Past', 'Past to Recent', 'Price High to Low', and 'Price Low to High'.

Fishbox - Smart Fishing App: This screen is a 'Sort and filters' modal overlay for a fishing knot library.

Sorting

Sky Tonight - Stargazing Guide: The screen features a dark, deep-space blue background.

South China Morning Post: News: The screen features a deep navy blue background.

Hotels.com: Book hotels & more: The screen features a solid dark navy blue background.

Splash screens

BuyBye - Budget Planner: The main content area features a centered loading spinner icon above a modal popup that states 'You're all set.' and 'Your purchase was successful.' with an 'OK' button.

Flight Tracker +: A centered modal dialog box appears on top, displaying the message 'You're all set.' and 'Your purchase was successful.' with a single 'OK' button.

Layout for Instagram・Inpreview: This screen displays a successful purchase confirmation modal overlaid on a subscription offer page for an Instagram planning app.

Subscription confirmation

PDF Scanner AI: Scan Documents: Below this, a horizontal progress indicator shows three blue circular icons with white checkmarks, connected by horizontal lines, representing the steps 'File Loaded', 'Converted', and 'Saved'.

Meetup: Social Events & Groups: This is an event confirmation screen in the Meetup app, indicating that the user and one guest have successfully RSVP'd to an event.

Plant Identifier, Care: Planty: This screen serves as a confirmation page after a user has successfully added a plant to their digital collection in the Planty app.

Success and confirmation

Wallcraft – Wallpapers, live: Further down, a checkbox labeled 'I agree to the terms of the user agreement' is present.

SubPilot: Cancel Subscriptions: Below the inputs, there is a small text note stating 'No more than 24 characters' and a checkbox for agreeing to the 'Terms', 'Privacy Policy', and 'Subscription Terms'.

Vivino: Drink The Right Wine: Below the form, there is a toggle switch for agreeing to the 'Terms & Conditions' and 'Privacy Policy'.

Terms and consent

AI Summary - Meeting Notes: The bottom sheet, titled 'Customize', allows users to adjust font size via a slider and select from various font styles including SF Pro, New York, Bold, Dyslexic, Inter, and Noto Serif.

Bible Chat: Daily Devotional: A modal overlay at the bottom of the screen provides a font size adjustment slider, represented by a small 'A' on the left and a large 'A' on the right, with a circular thumb control.

Good Food: Recipe Finder: Below this, a horizontal slider control allows users to adjust the text size, with 'A-' on the left, 'Default' in the center, and 'A+' on the right.

Text and font settings

10K Runner, Couch to 10K Run: This is an active workout screen for a running app, featuring a large, prominent timer display at the top indicating 'WALK 0:59'.

SnoreLab : Record Your Snoring: A centered modal dialog sits over a background containing a timer, status text, and a bottom slider.

AI Summary - Meeting Notes: Top header, central waveform area with status, bottom control panel with timer and three action buttons.

Timers and stopwatches

CamScanning: AI Measure & Scan: The modal contains two primary action buttons: 'Ask App Not to Track' and 'Allow'.

South China Morning Post: News: Below the text are two prominent buttons: 'Ask App Not to Track' and 'Allow'.

Spoke Route Planner: The modal provides two clear choices: 'Ask App Not to Track' and 'Allow'.

App tracking permission

CraftBook: Crochet Made Easy: The top section, 'Video Tutorials', features a large card showcasing a hand holding pink yarn, titled 'Stitches 101' with the subtitle 'Basic stitches you need to learn'.

Magic Tiles 3™: Piano Game: The central modal is titled 'NOTICE' and asks the user, 'Would you like to skip the tutorial?'.

Widgetable: Besties & Couples: A modal overlay is centered on the screen with the text 'Follow the video tutorial to install the widgets'.

Guided tutorials

Yard AI: Backyard Design: The screen features a prominent header 'Design Your Lighting' followed by a sub-instruction 'Upload a photo of your yard'.

Modyfy: AI Car Designer: The interface features a dark theme with a prominent central card prompting the user to 'Upload a Car Photo' with an associated icon.

invideo AI: AI Video Generator: The main content area features a prominent upload box for a user photo, with instructions to 'Tap to upload photo' (supporting JPG, PNG up to 50MB).

Upload and import

ZARA: This is a phone number verification screen in the Zara app.

Blinq: Digital Business Card: This screen is a verification code entry page for a user sign-up flow.

invideo AI: AI Video Generator: This screen is an account creation or verification page for the invideo AI app.

Verification

ChatGPT: This screen is a voice selection interface for an AI assistant.

Nerd AI - Math Problem Solver: This screen displays a 'Change Voice' modal overlaying a dark-themed settings page.

ChatGPT: This screen is a modal interface for selecting an AI voice assistant.

Voice selection

Nerd AI - Math Problem Solver: This is an onboarding or welcome screen for the Nerd AI app, featuring a dark-themed interface with a central, friendly owl mascot wearing glasses.

Voice Recorder－Audio Memos Арр: This is an onboarding or welcome screen for a voice recording application.

Zutobi: Permit & Driving Prep: This is an onboarding or welcome screen for the Zutobi driving test preparation app.

Welcome

Map My Run GPS Running Tracker: Header with title, summary metrics, form fields for name and notes, media upload section, settings rows, and a large bottom action button.

Map My Run GPS Running Tracker: A header with navigation buttons followed by a grouped list of input fields for workout details and additional statistics.

Zumba - Dance Fitness Workout: This screen displays a modal overlay on top of a video workout detail page for the Zumba app.

Workout details

A good reference is just the start.Explore the full library.

See the full library See plans