Mobile copy button UI examples

Copy button UI examples

• See the flow
  Deezer: Music Player, Podcast↗

  Below the grid, there are two list items: 'Copy to clipboard' with a link icon and 'See more options' with an ellipsis icon.

• See the flow
  Deezer: Music Player, Podcast↗

  Below the grid, there are two list items: 'Copy to clipboard' with a link icon and 'See more options' with an ellipsis icon.

• See the flow
  Map My Run GPS Running Tracker↗

  The sharing sheet places Copy Link, Share Link, and More actions beneath the workout preview.

• See the flow
  HelloBot - Astrology & Tarot↗

  The 'Account' section displays a unique user ID ('67118554') with a 'Copy user id' button, and an 'Account settings' link.

• See the flow
  VSCO: Photo & Video Editor↗

  Below the text, a prominent input field displays the live URL 'juliascreens.vsco.site' with a 'Copy link' action button.

• See the flow
  Modyfy: AI Car Designer↗

  The main body of the screen contains a 'General' section with a list of navigation items: 'Contact Us', 'Privacy Policy', 'Terms of Service', and a 'User Id' field with a copy-to-clipboard icon.

• See the flow
  SmartNews: Now in Spanish↗

  At the top of the modal, there are three icon-based actions: Share, Copy URL, and Report, along with a close button.

• See the flow
  ChatGPT↗

  Below the AI's response, there are interaction buttons for copying, reading aloud, liking, disliking, regenerating, and sharing the response.

• See the flow
  CamScanning: AI Measure & Scan↗

  Top navigation bar, central image area with AI overlays, bottom results summary card, and bottom action bar.

• See the flow
  Hypelist: Create & Share Lists↗

  Top toast notification, central content preview card, Instagram Stories button, contact row, and bottom share action row.

• See the flow
  PDF Scanner AI: Scan Documents↗

  A floating 'Copied' toast notification with a copy icon appears over the text.

• See the flow
  10K Runner, Couch to 10K Run↗

  Below the card, a disclaimer states: 'Recipients must be new to 10K Runner to redeem this gift.' The primary action is a large, rounded blue button labeled 'Share With a Friend', followed by a secondary text link 'Copy Link'.

• See the flow
  Google Gemini↗

  Header at top, chat bubbles in the middle, feedback row, and input bar at the bottom.

• See the flow
  Nerd AI - Math Problem Solver↗

  Top navigation bar, central chat bubble with text, suggestion chips, and bottom input bar.

• See the flow
  South China Morning Post: News↗

  Below the preview card are two primary action buttons: 'Copy link' and 'Share via...'.

• See the flow
  Plane Finder ⁃ Flight Tracker↗

  Beneath the app icons, a vertical list of action items is presented: 'Copy', 'Add to New Quick Note', 'Download in SHAREit', and 'Add to Reading List', each accompanied by a corresponding icon on the right.

• See the flow
  Nerd AI - Math Problem Solver↗

  Top navigation bar, central chat history area with AI response bubble, bottom action chips, and bottom input bar.

• See the flow
  Bible Chat: Daily Devotional↗

  Top horizontal app carousel followed by a vertical list of text-based action buttons.

• See the flow
  AI Summary - Meeting Notes↗

  It features two large primary action buttons for 'Share' and 'Copy' at the top of the modal.

• See the flow
  Scanner App: Genius Scan↗

  At the bottom, a toolbar provides options to 'Move', 'Copy', 'Delete' (trash icon), and 'Share' (upload icon).