Mobile pagination indicator UI examples

Pagination indicator UI examples

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

• See the flow
  ChatGPT↗

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

• See the flow
  SnoreLab : Record Your Snoring↗

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

• See the flow
  Map My Run GPS Running Tracker↗

  A pagination indicator with three dots sits below the card.

• See the flow
  ZEDGE™ Ringtones & Wallpapers↗

  A pagination indicator shows three dots, and a large white 'Continue' button is positioned at the bottom for user progression.

• See the flow
  Bible Chat: Daily Devotional↗

  A pagination indicator with three dots is positioned below the text.

• See the flow
  Particle: Personalized News↗

  This is an onboarding screen for the Particle news app, featuring a clean, minimalist design with a light background and subtle floating dots.

• See the flow
  Wikiloc - Trails of the World↗

  The central area features large, clear metrics for 'DISTANCE' (0.00 km), 'AVERAGE SPEED' (0.0 km/h), 'MOVING TIME' (00:00:00), and 'ELEVATION GAIN' (0m), with pagination dots indicating multiple data views.

• See the flow
  Good Food: Recipe Finder↗

  A four-dot pagination indicator is visible below the text.

• See the flow
  BuyBye - Budget Planner↗

  No spreadsheets.' A pagination indicator shows four dots, with the fourth one active.

• See the flow
  Fishbox - Smart Fishing App↗

  Top half is a map visualization with pins; bottom half is a white card containing text, pagination dots, and a primary button.

• See the flow
  Claude by Anthropic↗

  Below the card, there is a pagination indicator with four dots, the last one being filled, indicating the user is on the final step of a sequence.

• See the flow
  ScanAny-PDF Scanner App↗

  At the bottom, there is a prominent blue 'Go on' button for navigation, with a small pagination indicator below it.

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

  The top half features a full-width image carousel showing iconic Amsterdam canal houses reflected in the water, with pagination dots below.

• See the flow
  Widgetable: Besties & Couples↗

  A pagination indicator with four dots is visible below the mockup.

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

  At the bottom, a horizontal pagination indicator shows the current slide, and a large, prominent blue 'Continue' button serves as the primary call to action.

• See the flow
  Noxogy Sleep Tracker↗

  Optionally starting can be delayed by "Activation Delay".' At the very bottom, there is a page indicator showing six dots, with the fourth dot highlighted, indicating the user is on the fourth page of an onboarding sequence.

• See the flow
  Windy.app — Wind, Tides, Radar↗

  Below the phone mockup, the text 'Explore all weather parameters in one app' is displayed, followed by a three-dot pagination indicator.

• See the flow
  HBX | Globally Curated Fashion↗

  At the bottom of the screen, there is a pagination indicator consisting of four dots, with the last one filled in black, suggesting this is the final step of an onboarding flow.

• See the flow
  Eppika: Read & Learn Languages↗

  At the bottom, there is a page indicator '1 of 47' and a right-arrow button for navigation to the next page.