Mobile radio button UI examples

Radio button UI examples

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

  Radio controls let the user choose between homes for sale and rentals.

• See the flow
  Budget app - spending tracker↗

  Under 'Lent', there is one option: 'loan 1' (with a money bag icon and a plus sign), which has an empty circular radio button next to it.

• See the flow
  Quinn - Audio Stories↗

  The bottom sheet modal, titled 'Filter', presents a list of radio-button style selection options: 'All' (currently selected), 'Favorited playlists', 'My playlists', and 'Quinn playlists'.

• See the flow
  Vrbo Vacation Rentals↗

  The Price section uses radio controls to choose nightly price or total price.

• See the flow
  Google Gemini↗

  The user can select between two radio button options: 'This prompt & response' or 'Entire Chat'.

• See the flow
  Yelp: Food, Services & Reviews↗

  A radio list offers Recommended, Distance, Rating, and Reviewed sorting options.

• See the flow
  HelloBot - Astrology & Tarot↗

  The 'Female' option is currently selected, indicated by a filled-in radio button icon.

• See the flow
  Plane Finder ⁃ Flight Tracker↗

  A central section presents three visual options for label format: 'Logo', 'Text', and 'Both', each represented by a card with a preview icon and a selection radio button, with 'Text' currently selected.

• See the flow
  EveryDollar: Budget Management↗

  A vertical radio list presents financial priorities above Continue.

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

  The foreground features a dark-themed modal titled 'Sort by' with a list of radio-button selection options: Recommended, Price: low to high, Price: high to low, Distance from downtown, Guest rating, and Star rating.

• See the flow
  Zalando – Online fashion↗

  Below the contact details, there is a section titled 'Mostly interested in' with radio button options for 'Women's fashion' (currently selected), 'Men's fashion', and 'No preference'.

• See the flow
  ZARA↗

  Below the items, a radio button selection shows a delivery date range ('THURSDAY 02, JANUARY - FRIDAY 03, JANUARY') marked as 'FREE', with a sub-text note regarding free shipping thresholds.

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

  Each setting includes a descriptive subtitle and a pair of radio-button-style toggles labeled 'On' and 'Off', with the 'On' state currently selected (highlighted in yellow).

• See the flow
  Too Good To Go: Save Good Food↗

  The 'Sort by' modal is centered at the bottom, featuring a list of sorting options: 'Relevance' (currently selected), 'Distance', 'Price', and 'Rating', each with a radio button.

• See the flow
  DAZN: Stream Live Sports↗

  Below the text, there is a vertical list of four radio-button style selection options: '18-29', '30-39', '40-49', and '50+'.

• See the flow
  Fishbrain - Fishing App↗

  The bottom section of the screen provides configuration options: a toggle for 'Receive notifications' and radio-style selection buttons for 'All species' and 'Species you follow'.

• See the flow
  calimoto Motorcycle Navigation↗

  The bottom panel allows the user to choose between 'Begin from starting point' and 'Jump in here' using radio buttons.

• See the flow
  WebNovel - Read Novels & Manga↗

  The modal overlay presents two radio-button options: 'More Romance' (currently unselected) and 'More Fantasy' (currently selected).

• See the flow
  Everlook- Face & Body Editor↗

  Subscription rows use circular selectors to mark a single active plan.

• See the flow
  Heyyyy: Stories that text back↗

  The 'Female' option is currently selected, indicated by a filled radio button icon.