Mobile microphone button UI examples

Microphone button UI examples

• See the flow
  ChatGPT↗

  At the bottom, a persistent input bar features a plus icon for attachments, a text input field labeled 'Ask anything', a microphone icon for voice input, and a stop/send button.

• See the flow
  SnoreLab : Record Your Snoring↗

  At the bottom of the screen, there is a microphone icon with a downward arrow, followed by the instruction 'slide to stop session', indicating a swipe-to-action gesture to end the current recording session.

• See the flow
  Voice Recorder－Audio Memos Арр↗

  The screen is vertically organized with a title at the top, a large waveform visualization in the middle, a digital timer below that, and a control bar at the bottom.

• See the flow
  Nerd AI - Math Problem Solver↗

  The bottom of the screen features a text input field with a placeholder 'Write your message here', accompanied by a camera icon, a microphone icon, and a send button.

• See the flow
  Zalando – Online fashion↗

  At the bottom, there is a text input field labeled 'Chat' with a microphone icon for voice input.

• See the flow
  Blinq: Digital Business Card↗

  At the bottom of the screen, there is a floating 'Take note' button with a microphone icon, positioned above a privacy reminder: 'Make sure everyone's okay with being recorded'.

• See the flow
  FLYP - Fashion Design Studio↗

  At the bottom, there is a text input field labeled 'Ask a question...' accompanied by a microphone icon button for voice input.

• See the flow
  Vivino: Drink The Right Wine↗

  The bottom half of the screen is occupied by a standard iOS numeric keyboard, including a microphone icon and an emoji icon in the bottom row.

• See the flow
  v0↗

  The bottom of the screen features a persistent input bar with a plus icon and a microphone icon for user interaction.

• See the flow
  Rork↗

  Below this is a search bar with a microphone icon.

• See the flow
  Hypelist: Create & Share Lists↗

  The top of the screen features a 'Cancel' button, a segmented control for switching between 'Photos' and 'Collections', and a search bar with a microphone icon.

• See the flow
  invideo AI: AI Video Generator↗

  Below this is a search bar with a microphone icon.

• See the flow
  Claude by Anthropic↗

  Below this is a search bar with a microphone icon.

• See the flow
  Map My Run GPS Running Tracker↗

  Below this is a search bar with a magnifying glass icon and a microphone icon.

• See the flow
  Planner 5D: AI Home Design↗

  Below this is a search bar with a microphone icon.

• See the flow
  CamScanning: AI Measure & Scan↗

  Below this is a search bar with a magnifying glass icon and a microphone icon.

• See the flow
  PDF Scanner AI: Scan Documents↗

  Below this is a search bar with a microphone icon.

• See the flow
  PDF Scanner AI: Scan Documents↗

  Below this is a search bar with a microphone icon.

• See the flow
  SunSafe: UV Index & Tanning↗

  At the top, there is a 'Cancel' button, a segmented control for 'Photos' and 'Collections', and a search bar with a microphone icon.

• See the flow
  ChatGPT↗

  Below these cards is a persistent input area containing a plus icon button on the left, a text input field with the placeholder 'Ask anything', a microphone icon, and an upward-pointing arrow button for sending messages.