Mobile download button UI examples

Download button UI examples

• See the flow
  ThemeKit: Widget & Icon Themes↗

  Below the central mockup is a prominent download button.

• See the flow
  IDAGIO Stream Classical Music↗

  The top navigation bar includes a back button, the title 'Tracks', and a download icon.

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

• See the flow
  ZEDGE™ Ringtones & Wallpapers↗

  At the bottom, a floating action bar contains a 'Favorited' button (indicated by a filled heart icon), a central download button, and an 'Add to collection' button, along with a three-dot menu icon for further options.

• See the flow
  Deezer: Music Player, Podcast↗

  A row of action buttons includes search, share, and download icons, alongside a prominent purple shuffle button.

• See the flow
  Blinq: Digital Business Card↗

  At the bottom, there is a modal-style menu with three large, stacked buttons: 'Download contact', 'Share contact', and 'Cancel'.

• See the flow
  Precious - Baby Photo Art↗

  Top navigation bar, central video preview card, descriptive text, and two stacked primary action buttons at the bottom.

• See the flow
  CamScanning: AI Measure & Scan↗

  Top navigation bar, central image preview with label, text description below, and bottom action bar.

• See the flow
  Rooms↗

  Each list item shows the filename, file size, a download icon, and a delete icon.

• See the flow
  Deezer: Music Player, Podcast↗

  A row of action buttons includes search, share, and download icons, alongside a prominent purple shuffle button.

• See the flow
  Wallcraft – Wallpapers, live↗

  Below the main image, there is a row of three circular action buttons: a star (favorite), a download icon, and a phone/screen icon.

• See the flow
  Precious - Baby Photo Art↗

  At the bottom, two prominent dark-colored action buttons are stacked vertically: 'Save to Camera Roll' with a download icon, and 'Share' with a paper plane icon.

• See the flow
  WebNovel - Read Novels & Manga↗

  At the bottom, a persistent floating action bar contains a download icon, a large 'Read now' button, and a plus icon for adding to a library.

• See the flow
  Rooms↗

  The main content area displays a list of imported audio files (e.g., 'cardboard-close.mp3', 'draw-open.mp3') with their respective file sizes, download icons, and delete icons.

• See the flow
  HelloBot - Astrology & Tarot↗

  A close button is in the top-left corner, and a download icon is in the top-right.

• See the flow
  Tattoo AI - Tattoo Design↗

  At the bottom, there is a horizontal row of three circular action buttons: 'Edit' (represented by a magic wand icon), 'Save' (represented by a download icon), and 'Pin' (represented by a pushpin icon).

• See the flow
  GoodNovel - Booktok, Stories↗

  At the bottom, a prominent pink 'READ' button is centered, flanked by a library/add icon on the left and a shopping cart/download icon on the right.

• See the flow
  WebNovel - Read Novels & Manga↗

  At the very bottom, a floating action bar contains a download icon, a large 'Read now' button, and a plus icon for adding to a library or list.

• See the flow
  Everlook- Face & Body Editor↗

  Below the image, a prominent black button labeled 'Save to Camera Roll' with a download icon serves as the primary action.

• See the flow
  AI Song Generator: Mozart↗

  Top navigation toggle, central media preview, and a bottom-aligned action sheet containing metadata, primary action buttons, and a list of secondary utility actions.