Explore mobile app design examples.

Screen types

Explore 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

Flows

Noxogy Sleep Tracker: Top navigation bar, followed by a status message, a segmented control, a list of recordings, and a bottom navigation bar.

Noxogy Sleep Tracker: Header with date and navigation, followed by a status message, a tab switcher, a list of audio recordings, and a bottom navigation bar.

Noxogy Sleep Tracker: Top navigation bar followed by a segmented control, a warning message, and a vertical list of data rows.

Analyzing reports

Expedia: Hotels, Flights, Cars: Top navigation bar with search input, followed by a vertical list of search results, and a system keyboard at the bottom.

Expedia: Hotels, Flights, Cars: Top navigation tabs, date range display, scrollable calendar grid, flexibility options, and a bottom confirmation button.

Expedia: Hotels, Flights, Cars: Top navigation bar followed by three stacked input cards and a bottom-aligned primary action button.

Booking accommodation

Expedia: Hotels, Flights, Cars: Top navigation bar followed by a segmented control, a vertical list of input fields, and a bottom-aligned primary action button.

Expedia: Hotels, Flights, Cars: A modal overlay containing a header with a title and cancel button, followed by a scrollable list of destination options.

Expedia: Hotels, Flights, Cars: Top navigation bar with title, followed by a list of four traveler categories with counters, and a bottom primary action button.

Booking travel

Equalizer - Volume Booster EQ: Top header with search and connect, followed by three distinct sections: Artists (horizontal), Playlists (grid/horizontal), and Songs (vertical list).

Equalizer - Volume Booster EQ: Top navigation bar followed by section headers for Albums and Songs with corresponding list items.

Equalizer - Volume Booster EQ: Top navigation bar with Cancel/Done, followed by a search input field, and a scrollable list of music tracks with thumbnails and action buttons.

Browsing music and audio

Rork: Header text at the top, followed by a vertical list of selection buttons, and a primary action button at the bottom.

Rork: Header text followed by a vertical list of selection buttons, with a primary CTA button at the bottom.

Rork: Header text at the top, followed by a vertical list of selection buttons, and a primary action button at the bottom.

Building apps

Everlook- Face & Body Editor: Top header with app name and VIP status, central carousel of images, 'My Draft' section, and a bottom navigation bar with four circular icons.

Everlook- Face & Body Editor: A central system permission modal sits over a camera viewfinder interface with a bottom toolbar and a right-side brightness slider.

Everlook- Face & Body Editor: Top navigation bar, large central workspace, vertical right-side tool column, and a two-row bottom editing menu with a central shutter button.

Capturing with the camera

Useless - Screen Time Control: Top header with back button, followed by a hero card, a troubleshooting row, two list sections for limits and schedules, and a bottom navigation bar.

Useless - Screen Time Control: A modal window centered over a background settings page, containing a time picker, day selection toggles, and a primary action button.

Useless - Screen Time Control: A modal sheet containing a scrollable list of app categories and individual apps, followed by a search bar, and ending with two primary action buttons at the bottom.

Configuring app limits

Equalizer - Volume Booster EQ: Album art at top, song info below, four circular control buttons in a row, progress bar, and playback controls at the bottom.

Equalizer - Volume Booster EQ: Top section contains a large vertical slider, middle section displays track info and feature toggles, bottom section contains playback controls.

Equalizer - Volume Booster EQ: Top equalizer sliders, middle preset buttons and track info, lower feature icons, bottom playback controls.

Configuring audio

Hotels.com: Book hotels & more: Header text followed by instructions, input field, primary button, secondary text links, and a numeric keypad at the bottom.

Creating an account

EveryDollar: Budget Management: Green header at top, white content card in middle, feedback section below, and bottom navigation bar.

EveryDollar: Budget Management: The screen is vertically centered with a top navigation icon, a central illustration, a two-line text block, and a primary call-to-action button below.

EveryDollar: Budget Management: Top progress bar, header summary, main content card with income list, and bottom primary action button.

Creating budgets

invideo AI: AI Video Generator: A modal overlay with a header at the top and a vertical list of plugin options below.

invideo AI: AI Video Generator: Top navigation bar followed by a primary action button, then a centered empty state illustration and instructional text.

invideo AI: AI Video Generator: Top navigation bar followed by a photo upload card, a character description input, a script input area, and a bottom primary action button.

Creating characters and avatars

VSCO: Photo & Video Editor: Top header with close button, followed by a 2-column grid of collage template icons, and a bottom-aligned primary action button.

VSCO: Photo & Video Editor: Top navigation bar, large central canvas area with nested placeholders, and a bottom navigation bar with three icons.

VSCO: Photo & Video Editor: Header with close button and title, followed by tab navigation, a grid of media thumbnails, and a bottom-anchored primary action button.

Creating collages

WeMoms - Pregnancy & Baby App: Top navigation bar, poll question input, poll options container, audience selector, toolbar, and keyboard.

WeMoms - Pregnancy & Baby App: Top back button, central illustration, header text, two selection cards, and two circular buttons at the bottom.

WeMoms - Pregnancy & Baby App: Header with back button and post action, followed by a title, search input, and a dense grid of selectable tag chips.

Creating posts, notes, and videos

Redfin: Buy, Sell & Rent Homes: Top search bar and filter controls, followed by a large map view, and a single property card at the bottom.

Redfin: Buy, Sell & Rent Homes: Top search and filter bar, large map occupying the top two-thirds, property card at the bottom with a toast notification overlay.

Redfin: Buy, Sell & Rent Homes: The screen consists of a background map view with search filters and a foreground modal overlay for list management.

Creating lists

AI Song Generator: Mozart: Header with tabs, large text input area, advanced settings grid, primary CTA button, and bottom navigation bar.

AI Song Generator: Mozart: The screen features a top navigation bar, a prompt input area, and a large modal overlay covering the bottom two-thirds of the screen, containing vocal selection options and a bottom action button.

AI Song Generator: Mozart: Top navigation bar, text prompt input, and a bottom-anchored modal overlay containing a genre selection grid and a primary action button.

Creating songs

Filmit AI: AI Cinematic Video: Top navigation bar, large photo upload area, script text input area with controls, prompt ideas section, and a bottom primary action button.

Filmit AI: AI Cinematic Video: A centered system permission modal overlaying a dark-themed editor screen with a top navigation bar and a bottom action button.

Filmit AI: AI Cinematic Video: Top navigation bar followed by a dense grid of square image thumbnails.

Creating videos

WebNovel - Read Novels & Manga: Top navigation bar followed by two distinct sections containing cards and a carousel, ending with a large bottom action button.

WebNovel - Read Novels & Manga: Top header with back button and title, a theme preview area, a central modal containing a mobile app UI mockup, and a bottom action button.

WebNovel - Read Novels & Manga: A modal dialog centered over a settings page with a top navigation bar and a bottom action button.

Customizing appearance

Widgetable: Besties & Couples: A centered modal window on a dark background, containing a header illustration, two input fields, a checkbox, and a primary call-to-action button.

Widgetable: Besties & Couples: Top background with promotional content, followed by a centered modal containing a header, two phone mockups, and two bottom buttons.

Widgetable: Besties & Couples: The screen consists of a blurred background showing home screen icons, with a white modal sheet occupying the bottom half of the screen containing selection options and a primary CTA.

Customizing widgets

Rooms: Header with title and icon, followed by a horizontal row of three template cards, a divider, and a grid of four larger remixable project cards.

Rooms: Top notification banner, followed by a header with search and category tabs, and a large scrollable grid of 3D assets.

Rooms: Top 3D editor viewport with transform handles, bottom half-screen drawer for asset selection.

Designing spaces

Tattoo AI - Tattoo Design: Top navigation bar, followed by a large text input area with a floating suggestion bubble, and a system keyboard at the bottom.

Tattoo AI - Tattoo Design: Top navigation bar with segmented control, followed by a large text input area, a primary action button, and the system keyboard at the bottom.

Tattoo AI - Tattoo Design: Top navigation bar, central chat conversation area with alternating bubbles, bottom text input field.

Designing tattoos

Meetup: Social Events & Groups: Search bar at top, followed by horizontal filter chips and category tabs, then a vertical scrollable list of event cards, and a bottom navigation bar.

Meetup: Social Events & Groups: Top navigation bar, promotional banner, hero image with speaker details, event title and metadata, attendee list, 'About' section, and a bottom sticky bar with RSVP button.

Meetup: Social Events & Groups: Top navigation bar, promotional event header, event details, attendee list, and a fixed bottom action bar.

Discovering events

bergfex: Hiking & Tracking: A modal overlay centered on a map background, containing three grouped lists of settings.

bergfex: Hiking & Tracking: Top navigation bar with close and add buttons, followed by an informational card, and a centered empty state illustration with instructional text.

bergfex: Hiking & Tracking: The screen consists of a header title, a large central map area with a resizable selection overlay, and a bottom footer containing two side-by-side action buttons.

Downloading content

Tiny Scanner - PDF Scanner App: Top navigation bar, central document preview area, and a bottom sheet overlay for tools.

Tiny Scanner - PDF Scanner App: Top navigation bar, central document preview area, bottom processing overlay with status text, and a bottom toolbar.

Tiny Scanner - PDF Scanner App: Top navigation bar, document preview card, language selector, scrollable text area, and bottom action bar.

Editing documents

Everlook- Face & Body Editor: Top bar with close and camera icons, followed by a 'Sample Photos' horizontal carousel, and a large grid of user photos filling the rest of the screen, with a floating 'Recents' button at the bottom.

Everlook- Face & Body Editor: The screen is divided into three main parts: the photo preview area at the top, the adjustment slider in the middle, and the tool selection/navigation bar at the bottom.

Everlook- Face & Body Editor: Top image area with color swatches, middle text card, bottom close button overlay.

Editing photos

VSCO: Photo & Video Editor: Header at top, 2x3 grid of feature cards in the center, bottom navigation bar at the base.

VSCO: Photo & Video Editor: Top navigation bar with tab switcher, followed by a multi-column image grid, and a bottom navigation bar with search and menu icons.

VSCO: Photo & Video Editor: Top navigation bar, central image preview area, and a bottom action button.

Editing photos with AI

HBX | Globally Curated Fashion: Header text at top, feature list in middle, primary action buttons below, 'Not now' button and pagination dots at bottom, with a system modal overlaying the center.

HBX | Globally Curated Fashion: Top browser bar, notification banner, header text, multi-field form, bottom browser navigation bar.

Entering personal details

Flight Tracker +: Full-screen map with floating UI elements in the top right, right edge, and bottom center.

Flight Tracker +: Top map area, middle flight details card with modal overlay, bottom navigation bar.

Flight Tracker +: Header with title and flight codes, followed by a countdown card, and a vertical list of itinerary steps.

Exploring flight information

SHEIN - Shopping Online: Top search bar, category tabs, horizontal product scroll, promotional banners, gamified tiles, secondary tabs, sign-in banner, and bottom navigation.

SHEIN - Shopping Online: Top navigation bar, category icon carousel, filter/sort bar, and a two-column product grid.

SHEIN - Shopping Online: Top navigation bar, large hero product image, product title and pricing, color and size selection, bottom persistent action bar.

Exploring product details

Tiny Scanner - PDF Scanner App: Top navigation bar, instructional text, centered document preview card, page number indicator.

Tiny Scanner - PDF Scanner App: Top navigation bar, instructional text, central document preview card, bottom delete action.

Tiny Scanner - PDF Scanner App: Top navigation bar, document preview area, centered modal overlay with format selection, and a bottom action bar.

Exporting files and media

Flight Tracker +: Header, search tabs, input fields, search button, explore list, bottom navigation.

Flight Tracker +: Modal header with title and close button, followed by a search bar, a 'Recents' list item, a 'Nearby' section with two cards, and a system keyboard at the bottom.

Flight Tracker +: Modal window with a header, search bar, section title, and a list of search results.

Finding flights

Vrbo Vacation Rentals: Top header with title and dates, followed by a horizontal property carousel, then a 'Travel guides' section with a large banner and smaller category cards, and a bottom navigation bar.

Vrbo Vacation Rentals: Top navigation bar, search summary header, filter bar, loyalty banner, vertical list of property cards, and a floating map button at the bottom.

Vrbo Vacation Rentals: Top navigation, followed by a 2x3 grid of interest cards, a horizontal region filter bar, and a vertical list of destination cards.

Finding places

Zalando – Online fashion: Top navigation bar, followed by a video hero section, a horizontal category filter bar, a text section with a title and description, and a product image carousel, with a persistent bottom navigation bar.

Zalando – Online fashion: Top navigation bar, sub-category horizontal list, filter chips, product grid, and bottom navigation bar with a promotional banner above it.

Finding products

Good Food: Recipe Finder: Search bar at top, followed by tabbed navigation, sort options, and a vertical list of recipe cards, with a bottom navigation bar.

Good Food: Recipe Finder: A search results list in the background with a modal bottom sheet overlaying the bottom half of the screen.

Good Food: Recipe Finder: Top navigation bar, hero video area, recipe title and metadata, description, comments link, info section, and bottom navigation bar.

Finding recipes

DAZN: Stream Live Sports: Top navigation bar, promotional carousel, secondary tab bar, vertical list of team cards grouped by division, and bottom navigation bar.

DAZN: Stream Live Sports: Top navigation bar, promotional banner, tabbed navigation, content section with horizontal carousel, bottom notification toast, and bottom navigation bar.

DAZN: Stream Live Sports: Top navigation bar, promotional carousel, horizontal tab navigation, main content section with a large poster, and a fixed bottom navigation bar.

Following content

GoPhoto:AI Photo & Video Maker: Top header with upgrade/search, followed by a row of tool icons, a horizontal category filter, and a multi-column grid of image templates, ending with a bottom navigation bar.

GoPhoto:AI Photo & Video Maker: Top navigation bar followed by a 2x3 grid of portrait images.

GoPhoto:AI Photo & Video Maker: Top navigation bar, central image display with overlay, bottom action bar.

Generating images

Vivino: Drink The Right Wine: Header with title, system message text, empty chat area, and bottom input field with keyboard.

Vivino: Drink The Right Wine: Header, system message, chat history, topic selection card, bottom input bar.

Vivino: Drink The Right Wine: Top navigation bar followed by a search bar and a vertical list of action buttons.

Getting help

BuyBye - Budget Planner: Top back button, header text, large star rating graphic, list of testimonial cards, and a bottom 'Next' button, with a centered modal overlay.

BuyBye - Budget Planner: A modal overlay centered on a page containing a header, a list of user reviews, and a bottom navigation button.

Eppika: Read & Learn Languages: A list-based settings page with a centered modal dialog overlaying the content.

Giving feedback

CamScanning: AI Measure & Scan: Top header with mode selector, central camera viewfinder with overlay instructions, and a bottom control bar with primary scan button and secondary tools.

CamScanning: AI Measure & Scan: Top navigation bar, central square viewfinder, side capture button, bottom mode toggle.

CamScanning: AI Measure & Scan: Top navigation bar, central image preview with label, text description below, and bottom action bar.

Identifying objects

AI Summary - Meeting Notes: A modal overlay centered on a dashboard screen containing a header, navigation tabs, and a list of notes.

AI Summary - Meeting Notes: Top navigation with cancel button, followed by a title, a text input field, and a language selection card.

AI Summary - Meeting Notes: Top navigation bar with Cancel, header title, input field, language selection card, and a centered system permission modal.

Importing files and media

Map My Run GPS Running Tracker: Header with title and description, followed by a featured challenge card, pagination dots, and an explore section header.

Map My Run GPS Running Tracker: Header image and branding at the top, followed by challenge description, milestones section, legal text with checkbox, and a full-width bottom CTA button.

Map My Run GPS Running Tracker: Top header image, followed by challenge title, requirements, progress circular chart, and bottom metrics.

Joining communities and challenges

Particle: Personalized News: Top header with greeting and audio prompt, followed by a large hero news card, a section header, and a horizontal carousel of news cards.

Particle: Personalized News: Top section for current track, middle section for queue list, bottom section for playback controls and utility bar.

Particle: Personalized News: Top 'Now Playing' section, followed by a scrollable 'Playing Next' list, and a fixed bottom playback control bar.

Listening to audio

ChatGPT: The screen is divided into a large empty white space at the top containing the main heading, and a dark, rounded bottom panel containing the authentication options.

Logging in

Klook: Travel & Activities: Header with title, main cart item list, 'Often booked together' horizontal product list, and a sticky bottom checkout bar.

Klook: Travel & Activities: Top navigation bar, followed by a cart item list, a cross-sell section with product cards, and a bottom checkout bar.

Zalando – Online fashion: Header with title, followed by a scrollable list of parcel groups containing product cards, ending with a fixed summary and checkout button area.

Managing a shopping cart

Blinq: Digital Business Card: Top navigation bar, followed by a color selection row, a card preview area, action buttons for image customization, and a bottom primary action button.

Blinq: Digital Business Card: Top navigation bar followed by a vertical list of text input fields for personal details, a reorder instruction, and a list of contact fields with a bottom action button.

Blinq: Digital Business Card: Top navigation bar, followed by a reorder instruction, a list of editable contact fields, a section for adding new fields, and a fixed bottom preview button.

Managing contact cards

Fishbrain - Fishing App: Top navigation tabs, followed by a create button, a section header, a horizontal list of group cards, and a bottom navigation bar.

Fishbrain - Fishing App: Top navigation tabs, followed by a create button, a section header, a horizontal carousel of group cards, and a bottom navigation bar.

Fishbrain - Fishing App: Top navigation bar followed by a photo upload area, text fields, list-style navigation rows, a privacy section with radio buttons, and a bottom action button.

Managing groups

CamScanning: AI Measure & Scan: Header with app name, followed by a 2x2 grid of feature cards, a 'Fun features' list, and a 'Recently Used' section with a tab filter and list items.

CamScanning: AI Measure & Scan: Top navigation bar, followed by a horizontal category selector, a central empty state illustration with text, and a primary call-to-action button.

Managing history

Weather Pro · Radar Alerts: Top navigation bar followed by a search input, a location permission request card, and a list of saved locations.

Weather Pro · Radar Alerts: Top search bar and location list, with a centered modal error message and a loading spinner below it.

Weather Pro · Radar Alerts: Top location and temperature header, followed by an hourly forecast card, a 10-day forecast list card, and a bottom loading indicator.

Managing locations

Equalizer - Volume Booster EQ: The screen features a background album view with a centered album cover and a bottom-anchored modal sheet containing song management options.

Equalizer - Volume Booster EQ: A modal sheet with a header containing a cancel button and title, followed by a vertical list of two selectable playlist options.

Equalizer - Volume Booster EQ: Top navigation bar, central icon and text input field, bottom system keyboard.

Managing playlists

Klook: Travel & Activities: Header with user info, rewards card, horizontal stats row, vertical list of navigation links, promotional banner, secondary list of links, and bottom navigation bar.

Klook: Travel & Activities: A list-based settings page with a modal overlay covering the bottom half of the screen.

Managing a profile

v0: Top header with project info, segmented control for tabs, central content area with privacy options, and bottom action buttons.

v0: A centered modal window containing a header with project info, a segmented control, a central icon with descriptive text, and a primary action button at the bottom.

v0: Top section lists stocks, middle section lists news, bottom section contains navigation bar and a floating modal.

Managing projects

v0: Search bar at top, list of recent items below, modal overlay at bottom, settings and credits at bottom corners.

v0: Top search bar, content list in the middle, modal overlay in the center, and bottom account/credit bar.

Managing settings

SubPilot: Cancel Subscriptions: Top blue header with summary, middle dark section with tabbed lists, bottom navigation bar.

SubPilot: Cancel Subscriptions: Top header with subscription info, followed by an alert banner, a details card, a transaction history link, and a bottom action bar.

Managing subscriptions

Expedia: Hotels, Flights, Cars: Header with greeting, followed by three service icons, a flight tracking card, a horizontal trip carousel, and a section for recently viewed items, with a bottom navigation bar.

Expedia: Hotels, Flights, Cars: Top navigation bar followed by a grid of interest cards, a horizontal region filter bar, and a vertical list of destination cards.

Expedia: Hotels, Flights, Cars: Top image carousel followed by a dark-themed text content block and a bottom information card.

Managing trips

Heyyyy: Stories that text back: Top navigation bar, progress indicator, large empty chat history area, bottom message input bar.

Heyyyy: Stories that text back: Top navigation bar, followed by a progress indicator, a central chat history area, and a bottom input bar with an integrated keyboard.

Heyyyy: Stories that text back: Top navigation bar, progress bar, chat history area, bottom modal overlay, and bottom text input bar.

Messaging

ScanAny-PDF Scanner App: Top navigation link, central illustration, descriptive text block, primary CTA button, and bottom pagination dots.

ScanAny-PDF Scanner App: Top right login link, central illustration, text block in the middle, bottom primary button, and pagination dots at the very bottom.

Onboarding

Good Food: Recipe Finder: Top navigation header, filter tabs, sorting controls, two-column recipe card grid, and bottom navigation bar.

Good Food: Recipe Finder: Top navigation tabs, sorting controls, two-column grid of recipe cards, bottom navigation bar.

Good Food: Recipe Finder: A modal overlay centered on a background page containing a header, tab navigation, and a grid of recipe cards.

Organizing collections

ScanAny-PDF Scanner App: Top navigation bar, followed by a promotional banner, a 'My Documents' header with utility icons, a vertical list of document cards, and a floating action button at the bottom.

ScanAny-PDF Scanner App: Top navigation bar, promotional banner, document list, and a centered modal overlay with a grid of action icons.

ScanAny-PDF Scanner App: Header with app name and selection, promotional banner, document list, and a floating action button at the bottom, with a centered modal overlay.

Organizing documents

The Guardian - US & World News: Top navigation bar, hero image, article title and body text, author follow section, bottom navigation bar.

The Guardian - US & World News: Top navigation bar, hero image, article title and body text, author follow section, bottom navigation bar.

The Guardian - US & World News: Header with author name and follow controls, followed by a vertical list of article cards with images and text.

Personalizing content

Windy.app — Wind, Tides, Radar: A modal window centered on the screen containing a header with a close button and a vertical list of three action items.

Windy.app — Wind, Tides, Radar: Top map area, followed by transport mode tabs, route input fields, and a bottom primary action button.

Windy.app — Wind, Tides, Radar: Top search bar followed by a vertical list of two location selection options.

Planning routes

Debatium - Couple Game Convo: Top navigation bar followed by a vertical list of category cards, with a large horizontal button near the bottom.

Debatium - Couple Game Convo: A centered modal card on a dark background with a close button at the top right.

Debatium - Couple Game Convo: A centered white modal card on a dark background with a close button at the top right.

Playing games

Vivino: Drink The Right Wine: Top bar with close and done buttons, followed by wine product info, a large circular rating slider in the center, and a text input field at the bottom.

Vivino: Drink The Right Wine: Top navigation bar with close and done buttons, followed by a rating display, a large text input area, secondary action buttons, and a system keyboard at the bottom.

Vivino: Drink The Right Wine: Top navigation bar, followed by a rating and text input area, then a section for tagging and flavor selection, and finally a scrollable list of flavor tags.

Rating and reviewing content

Particle: Personalized News: Top hero image with headline, followed by a bulleted summary list, and a bottom section for article count and interaction.

Particle: Personalized News: Top hero image with headline, followed by a publisher spectrum info card, then a bulleted list of summary points, and a floating action button at the bottom.

Reading articles and stories

Voice Recorder－Audio Memos Арр: Header at the top, search bar below, central illustration, and two primary action buttons at the bottom.

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 bar with file name and Done button, central waveform visualization, and a bottom-anchored modal for sharing options.

Recording audio

Hypelist: Create & Share Lists: Top navigation bar with progress indicator, centered title and subtitle, vertical list of three permission cards, and a large bottom action button.

Hypelist: Create & Share Lists: Header text at top, list of permission toggles in the middle, system modal overlay in the center, and a large button at the bottom.

Hypelist: Create & Share Lists: Top section with contact avatars and count, middle section with explanatory text, bottom section with two primary action buttons.

Requesting permissions

Vrbo Vacation Rentals: Top image carousel, middle property title and rating, highlights card, and bottom persistent booking bar.

Vrbo Vacation Rentals: Top navigation bar followed by a promotional card, detailed property information list, and a sticky bottom booking footer.

Vrbo Vacation Rentals: Top navigation bar followed by booking summary cards, pricing section, host contact button, AI search module, and a sticky bottom booking footer.

Reviewing properties

Scroll The Bible: Top header with title and action button, followed by two categorized list sections containing cards.

Scroll The Bible: Top navigation bar followed by a vertical list of study cards.

Scroll The Bible: Top close button, title, verse container, followed by a vertical stack of meaning, trivia, and application cards.

Saving items

TCG Card Scanner & Value-Foloy: Top header with search, total value summary card, central scan call-to-action, trending cards section, and a persistent bottom navigation bar.

TCG Card Scanner & Value-Foloy: A dark camera viewfinder background with a centered system permission modal and a bottom control bar.

TCG Card Scanner & Value-Foloy: A centered modal overlay containing a header, a 'good' example, a grid of 'bad' examples, and a bottom action button.

Scanning cards

Tiny Scanner - PDF Scanner App: A central modal box containing instructional text and a primary action button, sitting above a secondary navigation area for scanning modes.

Tiny Scanner - PDF Scanner App: Top navigation bar, central educational modal overlaying a document preview, and a bottom toolbar with editing functions.

Tiny Scanner - PDF Scanner App: Top navigation bar, central document preview area with crop handles, and a bottom sheet modal containing a list of paper sizes.

Scanning documents

Zumba - Dance Fitness Workout: Top hero image, followed by title and metadata, primary action buttons, and a details list at the bottom.

Zumba - Dance Fitness Workout: Video player background with a bottom-anchored modal overlay for scheduling.

Zumba - Dance Fitness Workout: A modal overlay centered over a video player and a details list section.

Scheduling reminders

Scanner App: Genius Scan: Top navigation bar, followed by a search input field, and a list of search results below.

Scanner App: Genius Scan: Top navigation bar, followed by a search input field, a section header, and a list of tag pills.

Scanner App: Genius Scan: Top navigation bar, search input field, central empty state illustration and text, bottom system keyboard.

Searching and filtering

Calorie Counter by Numify: Top progress bar, central icon and data display, explanatory text block, and bottom navigation bar with back and next buttons.

Calorie Counter by Numify: Top image, middle text block, bottom navigation row.

Calorie Counter by Numify: Progress bar at top, question text, numeric input field, unit toggle, goal suggestion card, navigation buttons, and numeric keypad at the bottom.

Setting goals

VSCO: Photo & Video Editor: Top navigation bar with share menu, central photo preview with histogram, middle list of applied edits, and bottom navigation bar.

VSCO: Photo & Video Editor: Top navigation bar, central image preview with histogram, list of applied filters/adjustments, bottom progress indicator, and a final cancel button.

VSCO: Photo & Video Editor: Top header with file info, horizontal app sharing row, grid of action icons, vertical list of secondary actions, and a bottom edit button.

Sharing content

Too Good To Go: Save Good Food: A modal overlay centered on the screen, covering the lower portion of the underlying product detail page.

Too Good To Go: Save Good Food: Header with back button and bakery info, payment section, price summary card, legal disclaimer, and bottom action bar with quantity selector and reserve button.

Too Good To Go: Save Good Food: Top navigation, store header, payment method selection area, order summary, and bottom action bar with a modal overlay.

Shopping and checkout

Nerd AI - Math Problem Solver: A centered system permission modal sits over a dark background with a bottom navigation bar.

Nerd AI - Math Problem Solver: Top instruction text, central camera viewfinder, mode selector, shutter controls, and bottom navigation bar.

Nerd AI - Math Problem Solver: A centered system permission modal sits on top of a camera-based scanning interface with a bottom navigation bar.

Solving math problems

Layout for Instagram・Inpreview: Top bar with restore/close, background image with text overlay, central white modal with subscription timeline, bottom CTA button, and footer disclaimer.

Layout for Instagram・Inpreview: The screen consists of a dark, blurred background with a centered white modal card containing subscription details, pricing, and system-level payment instructions.

Layout for Instagram・Inpreview: A centered modal sits on top of a subscription offer card, with a primary CTA button at the bottom.

Starting free trials

Nerd AI - Math Problem Solver: Hero image at the top, followed by header text, a subscription details card, a trial toggle, a billing breakdown, and a large primary CTA button at the bottom.

Nerd AI - Math Problem Solver: Top image, central mascot, subscription details card, trial toggle, billing timeline, primary CTA button, and footer links.

Nerd AI - Math Problem Solver: The screen features a dark background with a centered white iOS system modal containing subscription details, followed by a bottom instruction area.

Subscribing

Zutobi: Permit & Driving Prep: Header with title and feedback button, followed by tabbed navigation, a hero course card, and a vertical list of lesson units.

Zutobi: Permit & Driving Prep: Top navigation bar with progress indicator, followed by a video player, informational text, and a bottom call-to-action button.

Zutobi: Permit & Driving Prep: A video player occupies the majority of the screen, with a vertical action bar on the left and a full-screen toggle in the bottom right.

Taking lessons

Deezer: Music Player, Podcast: Top header with close button and title, central graphic, and bottom section with two stacked selection cards.

Deezer: Music Player, Podcast: Top header with close button, central graphic card, and bottom section with two selectable game mode cards.

Deezer: Music Player, Podcast: Top progress bar, central instructional modal, and a list of selectable song options below.

Taking quizzes

Contraction Timer & Counter 9m: Top navigation bar, empty central area with instructional text, and a large circular button at the bottom.

Contraction Timer & Counter 9m: Top navigation bar, summary stats card, list of contraction entries, large central action button, and a bottom ad banner.

Contraction Timer & Counter 9m: Top navigation bar, summary stats card, vertical list of contraction logs, large central action button, and a bottom promotional banner.

Tracking activity

EveryDollar: Budget Management: Top green header with date and controls, followed by a summary bar, two summary cards, and a vertical list of budget categories.

EveryDollar: Budget Management: Header with navigation, search bar, followed by grouped cards containing lists of selectable items.

EveryDollar: Budget Management: Top navigation bar followed by a search bar, then a grouped list of budget items categorized by headers.

Tracking expenses

Noxogy Sleep Tracker: Top navigation bar, central time display, central activation button, and three bottom cards for history and settings.

Noxogy Sleep Tracker: Top header with app name and time, central active monitoring indicator, and three bottom cards for settings and history.

Noxogy Sleep Tracker: Top header with time and status, central circular interactive button with waveform, and three bottom cards for secondary navigation.

Tracking sleep

AI Summary - Meeting Notes: Top navigation bar, followed by tabbed content switcher, a central action card for transcription, and a bottom audio playback control bar.

AI Summary - Meeting Notes: Header at top, followed by an Auto Detect card, an 'All Languages' section with a list of options, and a bottom fixed action button.

AI Summary - Meeting Notes: Top navigation bar, followed by title/metadata, a segmented control, a central AI summary prompt card, and a bottom playback control bar.

Transcribing recordings

Claude by Anthropic: Top navigation bar, centered greeting with icon, bottom text input field, and system keyboard.

Claude by Anthropic: A modal overlay centered on the screen, containing a header, a content preview card, an access control list, and a primary action button.

Claude by Anthropic: Top close button, centered illustration, title, list of benefits, language selection card, and a bottom primary action button.

Using AI assistants

Weather Pro · Radar Alerts: Full-screen map background with a floating control card at the bottom.

Weather Pro · Radar Alerts: Full-screen map background with a floating control panel at the bottom and navigation buttons at the top corners.

Weather Pro · Radar Alerts: Map background with a floating layer selection menu in the top right and a time-scrubber card at the bottom.

Using maps

Weather Pro ��· Radar Alerts: Top header with location and temperature, followed by an hourly forecast card, a 10-day forecast list card, and a map preview at the bottom.

Weather Pro · Radar Alerts: Full-screen map background with a floating control card at the bottom.

Weather Pro · Radar Alerts: Full-screen map background with a floating control panel at the bottom and navigation buttons at the top corners.

Viewing weather forecasts

Google Gemini: A dark, gradient-filled background with a top-left close button and a bottom-center skip button.

Google Gemini: A centered modal card containing a header icon, title, four bulleted text blocks, and two bottom-aligned action buttons.

Voice conversations

Zumba - Dance Fitness Workout: Top hero image, followed by title and metadata, primary action buttons, and a details list at the bottom.

Zumba - Dance Fitness Workout: Video player background with a bottom-anchored modal overlay for scheduling.

Zumba - Dance Fitness Workout: A modal overlay centered over a video player and a details list section.

Watching videos

UI elements

Explore ui elements

Klook: Travel & Activities: Further down, there are expandable sections for 'Baggage & policy details' and 'Use promo code'.

Ascend: Bible Game: A modal window with a title at the top, a central image card, a primary action button, and a secondary expandable list button.

Hotels.com: Book hotels & more: Two collapsible sections titled 'How to collect stamps' and 'Useful tips to help you collect stamps faster' are located at the bottom.

Accordions

IDAGIO Stream Classical Music: This screen displays a modal action sheet overlaid on a music player interface for the IDAGIO app.

PDF Scanner AI: Scan Documents: This screen displays a modal action sheet overlaying a background illustration of document scanning concepts.

Action sheets

Hypelist: Create & Share Lists: The top section features a gold-toned gradient background with a back button, a user-add icon, a share icon, and a three-dot menu icon.

ZEDGE™ Ringtones & Wallpapers: Navigation controls are located at the top, including a back button, an 'add' icon, and a three-dot menu icon for additional options.

Klook: Travel & Activities: The bottom right corner features a floating action button (FAB) with a plus icon and a map view icon.

Add buttons

Google Gemini: Top navigation bar, central content area with icon and prompt cards, bottom fixed input bar.

Claude by Anthropic: The center of the screen displays three suggested prompts in a bold, serif font: 'Prep for my job interview', 'Analyze my writing style', and 'Plan a trip to Joshua tree'.

invideo AI: AI Video Generator: Top navigation/close button, text input field, suggested prompt list, and bottom system keyboard.

AI prompt suggestions

AI Song Generator: Mozart: A play button is positioned to the left of the waveform.

Voice Recorder－Audio Memos Арр: The central area features a large, vertical waveform visualization with a blue playhead indicator and a timeline showing seconds (00:00, 00:01, 00:02).

AI Song Generator: Mozart: A thin progress bar sits just below the waveform.

Audio waveforms

Avatars

Magic Tiles 3™: Piano Game: At the top, a back arrow and the title 'SETTINGS' are displayed.

Ascend: Bible Game: A back button is located in the top left corner.

Rooms: At the top left, a back arrow icon is positioned next to the text 'Your new room'.

Back buttons

HelloBot - Astrology & Tarot: One specific item, 'Heart 200', is highlighted with a 'Limited' badge and a promotional sub-text in Korean indicating a bonus offer, accompanied by a countdown timer showing '22 minutes, 59 seconds left'.

Planner 5D: AI Home Design: The 'Tools' menu contains a list of options: 'Share', 'Collaborate', 'Export to CAD' (marked with a 'PRO' badge), 'Notes', and 'Settings'.

Filmit AI: AI Cinematic Video: At the top, a hero section displays a cinematic video preview with a 'FREE' badge and a 'Try it' call-to-action button.

Badges

Planner 5D: AI Home Design: Header with greeting, followed by horizontal scrollable project list, a design battle banner, and a vertical list of inspiration articles, ending with a fixed bottom navigation bar.

ThemeKit: Widget & Icon Themes: A small sponsored banner for 'WePlay' appears just above the bottom navigation bar.

Banners

WeMoms - Pregnancy & Baby App: Bottom navigation bar with four icons and labels.

Fishbox - Smart Fishing App: Top toggle and bottom tab bar.

Plant Identifier, Care: Planty: Bottom navigation bar with five icons.

Bottom navigation

Deezer: Music Player, Podcast: A bottom sheet modal is overlaid on the screen, titled 'Banana Bops', providing management options for the selected group: 'Edit group name', 'Invite friends', and 'Leave the group'.

DAZN: Stream Live Sports: This screen displays a modal bottom sheet overlaying a sports league dashboard for the UEFA Champions League 2024/25.

Hypelist: Create & Share Lists: This screen displays a bottom sheet modal overlaying a list view of restaurant recommendations.

Bottom sheets

WeMoms - Pregnancy & Baby App: The “Follow your pregnancy” action appears at center.

Fishbox - Smart Fishing App: The “Continue” action appears at bottom center.

Noxogy Sleep Tracker: The “Let's Begin!” action appears at center.

Buttons

Calorie Counter by Numify: The bottom section features a text input field labeled 'Describe your meal' with a camera icon for AI-powered food recognition.

Calorie Counter by Numify: Below this, there is a text input field labeled 'Describe your meal' with a camera icon for AI food recognition.

Vivino: Drink The Right Wine: The bottom navigation bar is a dark red color, featuring icons for 'For You', 'Explore', a central camera button for scanning, 'My Wines' (active state), and 'More'.

Camera buttons

Planner 5D: AI Home Design: The main content is a card featuring a high-quality 3D render of a 'Cozy Scandinavian room' with a green 'submitted' badge.

Precious - Baby Photo Art: Top navigation bar with tabs, followed by a featured banner, a sub-header, a two-column grid of template cards, and a bottom navigation bar.

SunSafe: UV Index & Tanning: A compact card grid presents skin metrics with labels, percentages, and colored progress bars.

Cards

Fishbox - Smart Fishing App: Behind this main card, partially visible cards for 'Solunar' and weather data suggest a carousel of features.

Noxogy Sleep Tracker: At the bottom, a series of dots indicates a multi-page onboarding or tutorial carousel.

Plant Identifier, Care: Planty: A horizontal carousel of thumbnail images shows various examples of plant diseases.

Carousels

Blinq: Digital Business Card: Below the text input area, there is a character counter displaying '25/1000' and a small disclaimer text stating 'Notes are not visible to your contacts'.

Filmit AI: AI Cinematic Video: Below this is a 'Script' input area where users can mention specific cast members using an '@' symbol, with a character count indicator (9/2000).

Bible Chat: Daily Devotional: A large, multi-line text input field with the placeholder 'Describe here' occupies the center of the screen, with a character counter '0/200' below it.

Character counters

Sky Tonight - Stargazing Guide: The central area contains a large, dark-themed line chart visualizing the 'Altitude' of the constellation over a 24-hour period, with specific markers for rise, transit, and set times (8:47 PM, 2:38 AM, 8:30 AM).

SubPilot: Cancel Subscriptions: A dropdown menu labeled 'Expenses' sits above a donut chart visualization that indicates 'No transaction' and '$0'.

Windy.app — Wind, Tides, Radar: The bottom section presents a 'Forecast History (2012 - 2023)' area, featuring a monthly selector (Jan-Dec) and a line chart visualizing historical weather data trends.

Charts

Quinn - Audio Stories: Square checkboxes allow multiple point-of-view and creator filters beside a separate radio group.

Zutobi: Permit & Driving Prep: Each option includes an icon, a descriptive label, and a checkbox on the right side.

Meetup: Social Events & Groups: The background shows a form with fields for reporting details, including a checkbox for confirming the accuracy of the report.

Checkboxes

Plane Finder ⁃ Flight Tracker: Map view in background with a bottom-anchored modal overlay for settings.

calimoto Motorcycle Navigation: The top section shows trip summary metrics (0m, 0:00h, -) and filter chips for 'Sights' and 'Avoid'.

Klook: Travel & Activities: At the top, there is a search bar for locations, followed by filter chips for 'Location' and 'Filters'.

Chips

Vivino: Drink The Right Wine: At the top, a search bar contains the query 'new york' with a clear button and a 'Cancel' text button to the right.

ZARA: There is an email input field currently populated with 'screensdesigns@gmail.com' and a clear icon, followed by an 'UNSUBSCRIBE' button.

Scanner App: Genius Scan: Below this, a text input field displays the current document name '2025-05-14 Data Design' with a clear button.

Clear buttons

calimoto Motorcycle Navigation: The screen features a clean, light-themed interface with a top header containing the title 'Map settings' and a close button.

ZARA: The layout is minimal and clean, featuring a top-left 'X' button to close the screen.

Planner 5D: AI Home Design: The layout is a vertical list of cards centered on a dark background, with a header title 'AI Designer' and a close button in the top right corner.

Close buttons

Calculator₊: At the bottom, a horizontal toolbar features a set of drawing instruments including a pencil, a pen, a highlighter, an eraser, a ruler, and a color picker, providing a comprehensive suite for manual math notation and problem-solving.

Rooms: Below this, a large color palette grid occupies the lower half of the screen, allowing users to select colors for their voxel creations.

PDF Scanner AI: Scan Documents: This is a color selection modal screen within a document scanning application.

Color pickers

Calorie Counter by Numify: At the bottom of the screen, there is a back arrow button and a large, prominent black 'Next' button.

SunSafe: UV Index & Tanning: At the bottom of the screen, there is a large, prominent black 'Next' button for proceeding to the next step of the onboarding process.

Useless - Screen Time Control: A large red 'Continue' button is at the bottom, with a 'Skip' text link above it.

Continue buttons

Deezer: Music Player, Podcast: Below the grid, there are two list items: 'Copy to clipboard' with a link icon and 'See more options' with an ellipsis icon.

Deezer: Music Player, Podcast: Below the grid, there are two list items: 'Copy to clipboard' with a link icon and 'See more options' with an ellipsis icon.

Map My Run GPS Running Tracker: The sharing sheet places Copy Link, Share Link, and More actions beneath the workout preview.

Copy buttons

Klook: Travel & Activities: The top of the screen features a back button and a title 'Country/region code', followed by a search input field with a magnifying glass icon.

Useless - Screen Time Control: Below this is a search input field with a magnifying glass icon and the placeholder text 'Search country or code'.

Pool, the screenshot app: This screen is a country selection modal overlaying a list of countries with their respective international dialing codes.

Country code pickers

Scanner App: Genius Scan: This screen shows a document scanning interface in Genius Scan, where a user is adjusting the crop boundaries of a captured document.

ScanAny-PDF Scanner App: Top navigation bar, central document preview area with interactive cropping frame, and a bottom control bar with selection tools and a primary action button.

Scanner App: Genius Scan: This screen shows a document scanning interface in the Genius Scan app, where a user is adjusting the crop boundaries of a captured document.

Crop handles

Calorie Counter by Numify: This is an onboarding screen for a calorie tracking app, asking the user to input a date for a vacation.

Fishbrain - Fishing App: Below this, a date and time picker is active, showing a scrollable wheel interface for selecting the month and year (currently set to July 2025) and a time input field set to 12:35 PM.

Gaia GPS: Mobile Trail Maps: The main focus is a modal date picker overlay that is currently active, allowing the user to select a birthdate.

Date pickers

Everlook- Face & Body Editor: The control panel includes a horizontal slider for intensity adjustment, a trash icon, and a layer/selection icon.

calimoto Motorcycle Navigation: This screen displays a 'Delete Account' confirmation modal overlaid on an 'Account' settings page.

Calculator₊: At the top, a navigation bar includes 'Cancel' on the left, undo and redo icons in the center, and a trash icon on the right.

Delete buttons

Scroll The Bible: This screen displays a modal overlay on top of a Bible reading interface.

Wikiloc - Trails of the World: This screen displays a modal dialog titled 'Save to a List' overlaid on a blurred background.

Plant Identifier, Care: Planty: This screen is a modal overlay requesting app permissions, with a secondary 'Enjoying Planty?' rating prompt centered on top.

Dialogs

WebNovel - Read Novels & Manga: A disabled 'Use 0' button is visible, followed by a 'How To Obtain' button and a small notification badge indicating '5 stories updated'.

Yelp: Food, Services & Reviews: At the bottom of the screen, there is a large, centered 'Continue' button, which is currently disabled or inactive, indicating that the user must confirm their selection to proceed.

ChatGPT: A large, prominent 'Create project' button is positioned in the middle of the screen, currently in a disabled or inactive state.

Disabled buttons

AI Summary - Meeting Notes: Each item is a card with a question and a chevron icon indicating expandability.

Windy.app — Wind, Tides, Radar: Please read our legal information.' The bottom section contains two stacked, rounded rectangular buttons: 'PRIVACY POLICY' and 'TERMS OF USE', both featuring a right-pointing chevron icon to indicate navigation to external documents.

EveryDollar: Budget Management: The main content is a vertical list of four navigation cards, each containing an icon, a label, and a chevron arrow indicating a link.

Disclosure indicators

GoPhoto:AI Photo & Video Maker: The central visual is a 3D-rendered open gift box with a '75% OFF' tag attached.

ZARA: Below this, a horizontal filter bar allows users to refine by Color, Size, Price, Collection, and Discount.

Klook: Travel & Activities: Below this, a 'Promo codes' section displays three distinct cards for 'Stay', 'Select items', and 'Flights', each showing discount percentages or fixed amounts, minimum spend requirements, and a 'Redeem' button.

Discount labels

Litres: Audio: A separator line with the word 'or' divides the primary email login from alternative authentication methods.

Yelp: Food, Services & Reviews: A divider with the word 'or' separates these from an email input field labeled 'Enter email to login or sign up'.

Zalando – Online fashion: Each option is separated by a thin horizontal divider.

Dividers

ThemeKit: Widget & Icon Themes: Below the central mockup is a prominent download button.

IDAGIO Stream Classical Music: The top navigation bar includes a back button, the title 'Tracks', and a download icon.

ZEDGE™ Ringtones & Wallpapers: Below the image, a floating action bar contains a 'Favorited' button (with an upward arrow icon), an 'Add to collection' button (with a download/plus icon), a heart icon, and a three-dot menu icon.

Download buttons

CamScanning: AI Measure & Scan: At the top, a header displays a cloud icon and the text 'Identify The Cloud' with a dropdown arrow.

Layout for Instagram・Inpreview: At the top, a header displays the account name 'screensdesign_official' with a dropdown arrow, alongside refresh and options icons.

Deezer: Music Player, Podcast: The main body consists of three input fields: 'Username' (pre-filled with 'screensdesigns'), 'Identity' (a dropdown-style selector currently set to 'Female'), and 'Age' (pre-filled with '31').

Dropdown menus

Redfin: Buy, Sell & Rent Homes: Users can edit the 'Home price' ($3,950,000) and 'Down payment' (20%) using pencil icons.

PDF Scanner AI: Scan Documents: Below the card, there is an editable text field currently containing the text 'memo 1' followed by a pencil edit icon.

Widgetable: Besties & Couples: Below the illustration, there is a control bar with three circular buttons: a minus sign, a large plus sign, and an edit icon.

Edit buttons

Too Good To Go: Save Good Food: Top navigation bar with title, followed by an email input field, and the system keyboard at the bottom.

Quinn - Audio Stories: The main content features a 'Welcome to Quinn' heading, followed by an email input field pre-filled with 'screensdesigntest@gmail.com' and a checkmark icon indicating validation.

EveryDollar: Budget Management: There is a single email input field currently populated with 'screensdesigntest@gmail.com', followed by a prominent blue 'Continue' button.

Email inputs

Budget app - spending tracker: The main content area is an empty state illustration of a document with a magnifying glass and an 'x' icon, accompanied by the text 'No tag data found'.

PDF Scanner AI: Scan Documents: The center of the screen features a large, light-blue folder illustration accompanied by the text 'This folder is empty, move your scanned docs right in' and a 'Move scans' button.

Klook: Travel & Activities: Below the illustration, the text 'You don't have any notifications yet' informs the user of the empty state.

Empty-state illustrations

Zalando – Online fashion: Each card includes a heart icon in the top right corner for wishlisting, with one heart already filled in red.

Deezer: Music Player, Podcast: Some artists are selected, indicated by a purple heart icon overlaying their image and a purple border.

Deezer: Music Player, Podcast: The main content area is a vertical list of tracks, each showing album art, a verified checkmark, song title, artist name, a heart icon, and a three-dot menu.

Favorite and bookmark buttons

ChatGPT: To the left of the input field is a plus icon for attachments, and to the right is a send button.

Yard AI: Backyard Design: At the bottom, a text input field currently contains the user's query 'Plants to add here', accompanied by a plus icon for attachments and a send button.

Precip - Rain Totals & Gauge: At the bottom, there is a message input field with placeholder text 'Message...', a paperclip attachment icon, and an upward-pointing arrow button for sending messages.

File attachments

Zalando – Online fashion: This is a product listing screen in the Zalando fashion app, specifically filtered for 'Sport'.

Good Food: Recipe Finder: This is a search and filter screen for a recipe discovery app.

Redfin: Buy, Sell & Rent Homes: The top section features a search bar, a 'Save' button, and filter controls ('Filters 10', 'For rent').

Filter buttons

HBX | Globally Curated Fashion: A floating 'Filter' button is positioned at the bottom center of the product grid.

Wikiloc - Trails of the World: Full-screen map view with a top header, a floating notification banner, and bottom-aligned controls.

Particle: Personalized News: At the bottom, there is a floating action button labeled '1 question' that allows the user to engage with the content.

Floating action buttons

Bible Chat: Daily Devotional: Below the value proposition, there is a toggle to 'try the app for free' and a prominent 7-day free trial offer with pricing details ($4.99/week).

AI Summary - Meeting Notes: Below these features, there are subscription options, including a 'Yearly Plan' and a '3-Day Free Trial' with a toggle for 'Free Trial Enabled'.

Free trial toggles

Yard AI: Backyard Design: A modal window with a header containing a close button and title, followed by a vertical list of settings options inside a rounded container.

Yelp: Food, Services & Reviews: A modal overlay centered on the screen, appearing over an activity feed list.

Deezer: Music Player, Podcast: Below the artwork, there is a row of three buttons: share, a three-dot menu, and a heart icon.

Icon buttons

Ascend: Bible Game: Header title, central mascot illustration, vertical list of selectable cards, and bottom navigation buttons.

Redfin: Buy, Sell & Rent Homes: Top navigation bar followed by a tabbed segment control, with a centered empty state illustration and text message below.

Flight Tracker +: The center of the screen features an illustration of stacked travel documents, including one with a QR code and another with a barcode.

Illustrations

SunSafe: UV Index & Tanning: This screen is a system-level photo picker interface integrated into the SunSafe app.

Planner 5D: AI Home Design: The top navigation bar includes a 'Back' button on the left and a 'Select' button on the right, both currently inactive or secondary.

ScanAny-PDF Scanner App: This screen displays a grid-based photo picker interface within a document scanning application.

Image pickers

Pick Up Limes: At the top, a date selector displays 'Fri 07 Jun '24' flanked by navigation arrows, with a calendar icon on the left and an info icon on the right.

VSCO: Photo & Video Editor: At the top of the screen, there is a header with a close 'X' icon and the title 'Simplify' accompanied by an information icon.

FLYP - Fashion Design Studio: The layout features a top navigation bar with a close button and an information icon, followed by a tabbed interface switching between 'Assistant' and 'Learning' (currently selected).

Information buttons

Layout for Instagram・Inpreview: A standard iOS keyboard is visible at the very bottom, indicating that the user is currently editing text.

ZARA: The bottom half of the screen is occupied by the iOS system keyboard, which is set to the numeric/symbolic layout.

Useless - Screen Time Control: The bottom half of the screen is occupied by the system keyboard, indicating an active search state.

Keyboards

Particle: Personalized News: The main content area displays a vertical list of search results, each featuring a source icon, source name, relative timestamp, article title, and author attribution.

Windy.app — Wind, Tides, Radar: The interface features a dark theme with a list of categories, each containing segmented control buttons for selecting specific units or display modes.

Too Good To Go: Save Good Food: The layout is a clean, vertical list organized into four distinct sections: 'SETTINGS', 'COMMUNITY', 'SUPPORT', and 'OTHER'.

Lists

IDAGIO Stream Classical Music: This screen from the IDAGIO app displays a loading or buffering state while playing classical music.

Rooms: In the center, a 3D isometric room corner is visible, overlaid with a white modal box displaying the text 'Creating screensdesigns/bedr...' and a loading spinner icon.

Particle: Personalized News: Below the question, a loading state is visible with the text 'Finding relevant articles...' and a small spinner icon.

Loading spinners

Logos

Yelp: Food, Services & Reviews: The map is populated with numerous red Yelp-branded location pins indicating various businesses.

Hypelist: Create & Share Lists: In the center-right, a small pop-up menu displays sorting options: 'Popularity' with a star icon and 'Distance' with a location pin icon.

Yelp: Food, Services & Reviews: The main area is an interactive map populated with numerous red Yelp-branded location pins.

Map markers

Deezer: Music Player, Podcast: This is a search results screen in the Deezer music app, displaying results for the query 'apt'.

AI Summary - Meeting Notes: This screen displays an AI-powered note-taking interface with an active bottom sheet for playback speed control.

Voice Recorder－Audio Memos Арр: This screen displays an audio playback and transcription interface for a voice recording app.

Media controls

ChatGPT: At the bottom, a persistent input bar features a plus icon for attachments, a text input field labeled 'Ask anything', a microphone icon for voice input, and a stop/send button.

SnoreLab : Record Your Snoring: At the bottom of the screen, there is a microphone icon with a downward arrow, followed by the instruction 'slide to stop session', indicating a swipe-to-action gesture to end the current recording session.

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.

Microphone buttons

ZARA: A standard iOS numeric keypad is visible at the bottom of the screen, allowing the user to input their phone number.

Calorie Counter by Numify: The bottom half of the screen is occupied by a standard numeric keypad for entering nutritional data.

Budget app - spending tracker: The bottom half of the screen is a full numeric keypad with standard digits, a backspace key, mathematical operators, a currency toggle ('USD'), and a large yellow checkmark button to confirm the entry.

Numeric keypads

Vrbo Vacation Rentals: This is an email verification screen for the Vrbo app, featuring a dark-themed interface.

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

ZEDGE™ Ringtones & Wallpapers: This screen is a modal email verification interface for the ZEDGE app.

Verification code inputs

Budget app - spending tracker: At the bottom of the screen, a horizontal pagination indicator shows that this is the third step in a multi-page onboarding flow.

ChatGPT: A horizontal pagination indicator with nine dots shows that the user can swipe through multiple voice options.

SnoreLab : Record Your Snoring: Top navigation bar, header text, central product mockup, testimonial section with pagination dots, primary CTA button, and bottom navigation bar.

Pagination

Premier League - Scores, News: This screen is a password creation and account setup page for the Premier League app.

Good Food: Recipe Finder: The form includes two primary input fields for 'Email address' (pre-filled with an example) and 'Password' (with a visibility toggle icon).

Vivino: Drink The Right Wine: This is a mobile sign-up screen for the Vivino app, specifically the password creation step.

Password fields

Vivino: Drink The Right Wine: A single text input field is provided for the user to enter their password, which includes a 'Show' toggle button on the right side to reveal the characters.

Meetup: Social Events & Groups: The password field includes a visibility toggle icon and a strength indicator bar below it, noting that at least 10 characters are required.

Premier League - Scores, News: Below these, there is an 'or' separator, followed by an email address input field and a 'Create Password' input field with a 'Show' toggle.

Password visibility toggles

Widgetable: Besties & Couples: A promotional tag indicates '50% OFF' and text highlights a 'buy 10 get 1 free' deal.

SubPilot: Cancel Subscriptions: The top section features a dark-themed card highlighting the value proposition of 'Expert Negotiators Working For You,' explaining that the service negotiates with providers to save users money, with a 'no-save, no-pay' guarantee.

HBX | Globally Curated Fashion: A prominent blue 'Checkout' button serves as the primary call to action.

Payment buttons

Useless - Screen Time Control: Top header text, central image, central input field, bottom navigation/action buttons.

Yik Yak: Header text at top, input field below, help link in middle, large CTA button, and system keyboard at bottom.

ZARA: A standard iOS numeric keypad is visible at the bottom of the screen, allowing the user to input their phone number.

Phone number inputs

Planner 5D: AI Home Design: The screen features a header with a close button and the title 'Compare plans'.

Litres: Audio: Modal window with a header, two selectable pricing cards, and a bottom-aligned primary action button.

Calorie Counter by Numify: Below this, there is a horizontal selection of three subscription plans: '3 months' ($29.99, $2.26/week, 'Popular'), '12 months' ($69.99, $1.34/week, 'Best value'), and '1 week' ($5.99/week).

Plan selectors

Zalando – Online fashion: This screen displays a video player interface overlaid with a playback speed selection menu.

South China Morning Post: News: This screen displays a modal overlay for selecting playback speed, positioned over a news article reading interface from the South China Morning Post.

South China Morning Post: News: This screen displays a video player interface for the South China Morning Post app, featuring a semi-transparent dark overlay menu for adjusting playback speed.

Playback speed controls

Fishbox - Smart Fishing App: A narrow story progress bar spans the top of the fishing tip.

Plant Identifier, Care: Planty: Segmented markers above the question show position in the setup sequence.

Expedia: Hotels, Flights, Cars: A horizontal reward tracker places the current trip count beside the next tier.

Progress indicators

FLYP - Fashion Design Studio: The screen features a large, centered QR code on a light gray background, with the handle '@epicsteps' displayed prominently below it.

Blinq: Digital Business Card: Top header with close button and title, central QR code area, instructional text, and a bottom list of action buttons.

Blinq: Digital Business Card: The center of the screen displays a large, square QR code scanning frame overlaid on the camera view, with the instruction 'Scan contact information' above it.

QR codes

Redfin: Buy, Sell & Rent Homes: Radio controls let the user choose between homes for sale and rentals.

Budget app - spending tracker: Under 'Lent', there is one option: 'loan 1' (with a money bag icon and a plus sign), which has an empty circular radio button next to it.

Quinn - Audio Stories: The bottom sheet modal, titled 'Filter', presents a list of radio-button style selection options: 'All' (currently selected), 'Favorited playlists', 'My playlists', and 'Quinn playlists'.

Radio buttons

Bible Chat: Daily Devotional: The card lists five distinct items: 'Membership' (currently showing 'Trial' status), 'Change Premium Plan', 'Redeem Promotional Code', 'Restore purchases', and 'Gift Bible Chat'.

Heyyyy: Stories that text back: A 'Restore Purchases' link is also present.

Claude by Anthropic: Further down, there is a 'Restore purchases' option accompanied by a circular refresh icon.

Restore purchase buttons

invideo AI: AI Video Generator: At the bottom of the modal, there are two primary action buttons: 'Back' and 'Save'.

Everlook- Face & Body Editor: Above the photo, there is a top navigation bar with a back arrow on the left and a download/save icon on the right.

Widgetable: Besties & Couples: The top navigation bar includes a back button, a copyright symbol icon, a 'Preview' button, and a 'Save' button.

Save buttons

Magic Tiles 3™: Piano Game: At the top, there is a search bar with a placeholder text 'Search for songs or artists.....' and a 'VIP' ticket icon in the top right corner.

Plane Finder ⁃ Flight Tracker: Below the title 'ORD Arrivals', there is a search bar for filtering flights, followed by a horizontal filter row with a clock icon, a 'Landed' toggle, and an 'All Terminals' dropdown menu.

EveryDollar: Budget Management: Below the header is a search bar with a magnifying glass icon.

Search bars

Deezer: Music Player, Podcast: Below the search bar, the screen displays a 'Recent searches' section with a trash icon for clearing history.

WebNovel - Read Novels & Manga: Top navigation bar followed by a search input, an advanced search button, a popular searches section, and a tabbed list of ranked categories.

Fishbrain - Fishing App: The main content area is divided into two sections: 'Recent searches' and 'Nearby waters'.

Search suggestions

Flight Tracker +: At the top, there is a navigation header with a history icon, a notification bell, and a segmented control to toggle between 'My Flights' and 'Trips', with 'Trips' currently selected.

Scanner App: Genius Scan: The top of the screen features a 'Crop' button on the right and a segmented control to toggle between 'All images' and 'Documents'.

EveryDollar: Budget Management: The top section features a green header with a title 'Insights' and a segmented control bar with four tabs: 'Spending Totals' (selected), 'Spending Details', 'Monthly Income', and 'Income vs.

Segmented controls

FLYP - Fashion Design Studio: At the bottom, a text input field contains the typed word 'hi' and a clear/delete icon, positioned next to a send button represented by an upward-pointing arrow.

Bible Chat: Daily Devotional: At the bottom, there is a text input field for the user to type questions, accompanied by a send icon.

Useless - Screen Time Control: The bottom section features a 'Hide chat' toggle, a text input field currently containing the word 'Hey!', and a send button.

Send buttons

Plane Finder ⁃ Flight Tracker: Navigation controls at the top include a close button and a share icon.

Bible Chat: Daily Devotional: Hero image at the top with title, followed by a white content card containing plan details and a bottom sticky action button.

Hypelist: Create & Share Lists: Top navigation bar, central list preview card, Instagram share button, horizontal contact list, and bottom row of social sharing icons.

Share buttons

Klook: Travel & Activities: The screen features a two-column layout with a vertical navigation list on the left (Airlines, Departure airports, Arrival airports, Departure times) and a corresponding content area on the right.

WebNovel - Read Novels & Manga: The top navigation bar features tabs for 'Novel', 'Comic', and 'Fan-fic'.

SHEIN - Shopping Online: The top of the screen features a search bar with camera and wishlist icons, and a horizontal tab navigation for categories like All, Women, Curve, Kids, Men, Home, and Beauty.

Side navigation

Google Gemini: The layout is extremely sparse, containing only a close ('X') icon in the top-left corner and a prominent 'Skip' button centered near the bottom.

Filmit AI: AI Cinematic Video: In the top right corner, there is a circular 'Skip' button with a thin white border, allowing the user to bypass the onboarding sequence.

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.

Skip buttons

VSCO: Photo & Video Editor: A horizontal slider is positioned below the tabs, currently set to 0.0.

Bible Chat: Daily Devotional: A modal overlay is visible at the bottom, containing a horizontal slider for adjusting the font size, represented by a small 'A' on the left and a large 'A' on the right.

Windy.app — Wind, Tides, Radar: A bottom control bar allows the user to navigate through time, with 'Tue, May 13' selected and a time slider ranging from 2 AM to 8 PM.

Sliders

Particle: Personalized News: At the bottom, a prominent black 'Continue with Apple' button serves as the primary call to action.

Social sign-in buttons

Bible Chat: Daily Devotional: The layout features three distinct testimonial cards stacked vertically, each containing a user name, a five-star rating, and a short review highlighting the benefits of using the app's home screen widget.

Tattoo AI - Tattoo Design: This is an onboarding or social proof screen for the Tattoo AI app, featuring a dark-themed interface with a focus on user testimonials and industry recognition.

Calorie Counter by Numify: This is an onboarding screen for a calorie tracking app, featuring a social proof testimonial.

Testimonials and social proof

Good Food: Recipe Finder: The main content area consists of a two-column grid of recipe cards, each showing a high-quality food photo, the recipe title, cooking time, and a star rating.

Too Good To Go: Save Good Food: The background shows details about the surprise bag, including a price of US$3.99 (discounted from US$12.00), a 4.7-star rating, and collection time information.

Pick Up Limes: A horizontal metadata bar includes tags for '25 min', 'exclusive', 'Breakfast', 'Freezer-friendly', and a star rating of (7).

Star ratings

SunSafe: UV Index & Tanning: Minus and plus buttons flank the selected UV alert threshold.

Expedia: Hotels, Flights, Cars: Below this, the user can adjust the number of 'Adults' and 'Children' (ages 0 to 17) for 'Room 1' using circular plus and minus buttons.

Vivino: Drink The Right Wine: A bottle count sits between minus and plus controls in the cellar sheet.

Steppers

Precip - Rain Totals & Gauge: The top section, titled 'Recent totals', presents a table with columns for 'Period', 'Rain', 'Snow', and 'Total (liquid)'.

Yik Yak: Below this, a red header section contains a back button, the title 'Leaderboard', a subtitle 'Worst of Canvas', and two selectable tabs: 'All Time' and 'Winter '24'.

Fishbox - Smart Fishing App: Top navigation bar with location name, horizontal date selector, hourly weather data table, solunar moon phase section, and bottom navigation bar.

Tables

WeMoms - Pregnancy & Baby App: The “For you” tab appears at middle.

Fishbox - Smart Fishing App: The “Assistant” tab appears at top left.

Noxogy Sleep Tracker: The “Statistics” tab appears at top center.

Tabs

Vrbo Vacation Rentals: Further down, there is a dropdown for 'Country code', a 'Phone number' field, and a large multi-line text area labeled 'Leave a message' with a character counter (0/1500).

FLYP - Fashion Design Studio: Further down, there is an 'Enter Your Bio' section with a text area containing the phrase 'lez do it'.

Text areas

WeMoms - Pregnancy & Baby App: The “Password input” field appears at center.

Fishbox - Smart Fishing App: The “Name” field appears at top middle.

Debatium - Couple Game Convo: The “Add a player” field appears at bottom.

Text fields

Fishbrain - Fishing App: The bottom half of the screen is a date and time picker interface.

Bible Chat: Daily Devotional: Below this, a time-picker input field displays 'Set Time' with a current selection of '07 : 09 PM'.

Zutobi: Permit & Driving Prep: Below the days, there is a time-picker interface with three scrolling columns for hour, minute, and AM/PM selection.

Time pickers

Particle: Personalized News: A small confirmation at the top says the topic was added to the feed.

Yelp: Food, Services & Reviews: A saved confirmation offers a link to add the item to another collection.

Toasts

Fishbox - Smart Fishing App: The “Hot spots toggle” control appears at middle list, first item.

Noxogy Sleep Tracker: The “Time To Sleep toggle” control appears at top right.

Wallcraft – Wallpapers, live: The “Disable all ads” control appears at top area.

Toggles

Tiny Scanner - PDF Scanner App: Top navigation bar, followed by a title, a secondary toolbar with search and sorting, and a vertical list of document items, with a floating action button at the bottom right.

CamScanning: AI Measure & Scan: Top navigation bar, central canvas area with card design, bottom toolbar with three action buttons.

VSCO: Photo & Video Editor: The bottom toolbar provides editing controls including 'Deselect', 'Edit', 'Replace', 'Copy', 'Opacity', 'Backward', and 'Forward'.

Toolbars

Magic Tiles 3™: Piano Game: Below this, a prominent blue rectangular tooltip box provides instructional text: 'Keep playing the song at higher speed to achieve crowns'.

Scroll The Bible: A small instructional tooltip at the bottom left prompts the user to 'Tap or slide to jump to any verse'.

Wikiloc - Trails of the World: A yellow tooltip at the top indicates 'Offline maps available for this area!'.

Tooltips and coach marks

Scroll The Bible: At the top, there is a 'Back' button and a title 'Explain Easier' with the verse reference 'Genesis 1:1'.

SubPilot: Cancel Subscriptions: The top of the screen features a back arrow for navigation.

Vivino: Drink The Right Wine: The top navigation bar includes a back button, the title 'Ratings', and a search icon.

Top navigation

Meetup: Social Events & Groups: A modal overlay centered on the screen, positioned over a subscription selection interface with a bottom-anchored primary action button.

Eppika: Read & Learn Languages: This screen is a notification permission or trial reminder prompt within the Eppika app.

Bible Chat: Daily Devotional: Centered text block in the middle of the screen with a large button at the bottom.

Trial reminders and timelines

Zalando – Online fashion: A horizontal 'Item removed' snackbar with an 'Undo' button is visible at the bottom of the screen, just above the persistent bottom navigation bar.

Zalando – Online fashion: At the bottom of the screen, a persistent snackbar notification confirms 'Item removed' with an 'Undo' button.

Redfin: Buy, Sell & Rent Homes: A black snackbar notification at the bottom informs the user that 'Popular around the country is hidden' with an 'Undo' button.

Undo and redo

SnoreLab : Record Your Snoring: The lower half of the screen contains a vertical scrolling picker wheel for selecting different ambient sounds, with 'Rain' currently highlighted in a semi-transparent rounded rectangle.

10K Runner, Couch to 10K Run: Top navigation bar, central question and value display, bottom scrolling picker interface.

SnoreLab : Record Your Snoring: Below this, a vertical scrolling picker allows the user to select a numerical weight value (currently set to 57) and a unit (kg or lbs).

Wheel pickers

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

See the full library See plans