Mobile home screen examples

Home screen examples

• See the flow
  Eppika: Read & Learn Languages↗

  Top section with book carousel, middle section with two informational cards, bottom persistent reading progress bar, and bottom navigation.

• See the flow
  WebNovel - Read Novels & Manga↗

  Top notification bar, tabbed navigation, hero recommendation card, horizontal book carousel, featured book spotlight, and bottom navigation bar.

• See the flow
  Redfin: Buy, Sell & Rent Homes↗

  Top search bar and filters, large central map area with floating buttons, bottom navigation bar.

• See the flow
  Layout for Instagram・Inpreview↗

  Header with account info, horizontal scrollable row of folders, grid view of images, and a bottom-aligned tab bar.

• See the flow
  Vrbo Vacation Rentals↗

  Top header with logo, horizontal property carousel, middle section with interest-based travel guides, and bottom navigation bar.

• See the flow
  AI Summary - Meeting Notes↗

  Header with title and tabs, followed by a selection toolbar, a vertical list of note cards, and a bottom action bar.

• See the flow
  South China Morning Post: News↗

  Top navigation bar with category tabs, followed by a large hero news card, an advertisement space, and a secondary news card, with a persistent bottom navigation bar.

• See the flow
  CraftBook: Crochet Made Easy↗

  Top header, horizontal tutorial cards, promotional banner, search bar with filter, vertical pattern grid, bottom navigation bar.

• See the flow
  Weather Pro · Radar Alerts↗

  Top header with location and temperature, followed by an hourly forecast card, a 10-day forecast list card, and a bottom map preview card.

• See the flow
  Too Good To Go: Save Good Food↗

  Top search and view toggle, central map area with pins, bottom sheet with business details, bottom navigation bar.

• See the flow
  Scanner App: Genius Scan↗

  Top navigation bar followed by a vertical list of document entries, with a floating action button in the bottom right corner.

• See the flow
  Good Food: Recipe Finder↗

  Top header with logo and profile, followed by a horizontal carousel of recipe cards, a section header, and a grid of recipe collection images, ending with a bottom navigation bar.

• See the flow
  invideo AI: AI Video Generator↗

  Top navigation bar, version selector, main content cards, bottom tab switcher, and bottom navigation bar.

• See the flow
  Calculator₊↗

  Top display area followed by a dual-grid keypad layout.

• See the flow
  Bible Chat: Daily Devotional↗

  Top header with profile and history, followed by a large verse card, a 'Start a new chat' section, an 'Ask about' section, and a bottom navigation bar.

• See the flow
  Flight Tracker +↗

  Full-screen map with a bottom-anchored search card and a bottom navigation bar.

• See the flow
  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.

• See the flow
  Deezer: Music Player, Podcast↗

  Header with profile/notifications, followed by a horizontal carousel of recent items, a vertical list of recommended tracks, a section for 'Flow', and a persistent mini-player above the bottom navigation bar.

• See the flow
  Scroll The Bible↗

  A central content card containing text and metadata, with a bottom navigation bar.

• See the flow
  CamScanning: AI Measure & Scan↗

  Header with logo, 2x2 grid of feature cards, 'Fun features' list, 'Recently Used' horizontal pill list, and empty state illustration at the bottom.