Mobile content feed examples

Content feed examples

• See the flow
  Pick Up Limes↗

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

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

• See the flow
  FLYP - Fashion Design Studio↗

  Header with tabs, followed by a central product card, and a bottom navigation bar.

• See the flow
  The Guardian - US & World News↗

  Top header with back button and title, followed by a vertical list of columnist cards, and a fixed bottom navigation bar.

• See the flow
  Litres: Audio↗

  Search bar at top, followed by horizontal tabs, filter controls, and a vertical list of audiobook cards, with a fixed bottom navigation bar.

• See the flow
  Zalando – Online fashion↗

  Header with greeting, horizontal navigation tabs, section title, filter chips, large hero image card, and bottom navigation bar.

• See the flow
  SmartNews: Now in Spanish↗

  Top search bar, horizontal category tabs, vertical list of video cards, bottom navigation bar.

• See the flow
  GoodNovel - Booktok, Stories↗

  Top navigation bar with gender/genre tabs, followed by a ranking header, a vertical list of ranked books, and a bottom navigation bar.

• See the flow
  Hypelist: Create & Share Lists↗

  Top navigation bar followed by a vertical scrollable list of content cards.

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

  Header with title and settings, horizontal scrollable saved searches, vertical scrollable feed of property cards, bottom navigation bar.

• See the flow
  VSCO: Photo & Video Editor↗

  Top navigation bar, followed by feed tabs, a large central image card, and a bottom navigation bar.

• See the flow
  TCG Card Scanner & Value-Foloy↗

  Header with title and count followed by a vertical list of set cards.

• See the flow
  WeMoms - Pregnancy & Baby App↗

  Header banner followed by a vertical list of community posts, with a floating action button and a bottom navigation bar.

• See the flow
  Meetup: Social Events & Groups↗

  Search bar at top, followed by horizontal scrollable filters, then a vertical list of event cards, and a fixed bottom navigation bar.

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

• 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
  South China Morning Post: News↗

  Top header with logo and category tabs, followed by a vertical list of news articles with an embedded promotional card, and a fixed bottom navigation bar.

• See the flow
  Eppika: Read & Learn Languages↗

  Top navigation bar followed by a section header and a two-column grid of book cards.

• See the flow
  Quinn - Audio Stories↗

  Top navigation bar, followed by a filter/sort bar, then a scrollable list of content cards, and a fixed bottom navigation bar.

• See the flow
  Bible Chat: Daily Devotional↗

  Header with profile icon, sub-navigation tabs, duration filter buttons, and a vertical list of reading plan cards, ending with a bottom navigation bar.