Mobile banner UI examples

Banner UI examples

• See the flow
  FLYP - Fashion Design Studio↗

  Below this, there is a banner image featuring a sneaker sketch, followed by a circular profile avatar of a stylized character.

• 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
  ThemeKit: Widget & Icon Themes↗

  A small sponsored banner for 'WePlay' appears just above the bottom navigation bar.

• See the flow
  Klook: Travel & Activities↗

  Header with title and actions, followed by a promotional banner, a count indicator, and a scrollable list of activity cards.

• See the flow
  ZARA↗

  Below this, a confirmation banner states 'ADDED TO YOUR BASKET' with a 'VIEW' button to navigate to the cart.

• See the flow
  ZEDGE™ Ringtones & Wallpapers↗

  A notification banner from the Zedge app is visible at the top, prompting the user to 'Grab your free credits!'.

• See the flow
  Zumba - Dance Fitness Workout↗

  At the top, there is a browser-level 'Open' banner for the Zumba app.

• See the flow
  Map My Run GPS Running Tracker↗

  A promotional banner for a concert event is positioned at the very bottom of the screen, featuring a 'Remove with MVP' link.

• See the flow
  Expedia: Hotels, Flights, Cars↗

  Header with search summary, horizontal filter bar, rewards banner, and a vertical list of hotel cards with a floating map button at the bottom.

• See the flow
  AI Song Generator: Mozart↗

  Top navigation bar followed by a promotional banner, a login card, a toggle setting, and an expanded language selection list.

• See the flow
  HBX | Globally Curated Fashion↗

  At the top, a red promotional banner announces an 'End of Season Sale' with up to 60% off.

• See the flow
  Tiny Scanner - PDF Scanner App↗

  Top blue promotional banner followed by a vertical list of account and settings cards.

• See the flow
  Yik Yak↗

  At the top, there is a promotional banner for 'Trip.com' with a 'Get' button.

• See the flow
  Fishbrain - Fishing App↗

  A small informational banner explains that the location helps with accurate fish species identification.

• See the flow
  Budget app - spending tracker↗

  Top premium upgrade banner, followed by a vertical list of settings options, with a centered modal overlay and a bottom navigation bar.

• See the flow
  Meetup: Social Events & Groups↗

  Top banner, hero image with speaker details, event metadata, attendee statistics, attendee list, and fixed bottom action buttons.

• See the flow
  SHEIN - Shopping Online↗

  Below this, a promotional banner highlights three key benefits: 'Get 20% Off First Order', 'Free Shipping First Order', and 'Free Returns Within 35 Days'.

• See the flow
  Flight Tracker +↗

  A status banner indicates the flight is departing on time and offers a link to view historical performance.

• See the flow
  Transit • Subway & Bus Times↗

  Below this, a warning banner states that the current stop, 'Canal St', is not wheelchair accessible.

• See the flow
  GoodNovel - Booktok, Stories↗

  Below this, a featured book banner highlights 'I Never Wanted You, My Mate'.