Segmented control UI examples
A compact set of two to five joined buttons where only one can be selected, used to switch views or filter content in place.

PayPal
Loading & skeleton

ChatGPT
Chat thread

Cash App
Camera & capture

Wise
Recipient selection

Airbnb
Booking & date selection

ChatGPT
Chat thread

Airbnb
Filter & sort

TikTok
Permission request

Revolut
Product detail

PayPal
Log-in

PayPal
Create & compose

Perplexity
Library & collection

Revolut
Wallet & balance

ChatGPT
Grid & gallery

Revolut
Amount entry

TikTok
Charts & dashboard

Airbnb
Booking & date selection

ChatGPT
Action menu

TikTok
Permission request

TikTok
Camera & capture

Perplexity
Library & collection

UberEats
Edit

Airbnb Desktop
Booking & date selection

Airbnb
Booking & date selection

Airbnb Desktop
Booking & date selection

ChatGPT
Home

Coinbase
Amount entry

UberEats
Listing detail

Coinbase
Amount entry

Revolut
Wallet & balance

Coinbase
Action menu

Revolut
Wallet & balance

Perplexity
Detail page

PayPal
Product detail

TikTok
Camera & capture

Perplexity
Settings detail

ChatGPT
Home

ChatGPT
Home

Airbnb Desktop
Booking & date selection

Airbnb Desktop
Filter & sort

TikTok
Camera & capture

Airbnb
Booking & date selection

Airbnb
Booking & date selection

WhatsApp
List

Cash App
Permission request

Revolut
Recipient selection

Perplexity
Settings detail

UberEats
Payment method

Coinbase
Amount entry

Airbnb
Booking & date selection

Airbnb Desktop
Booking & date selection

ChatGPT
Home

Wise
Transaction detail

Cash App
Loading & skeleton

Revolut
Create & compose

Airbnb Desktop
Booking & date selection

UberEats
Home

Revolut
Browse & discover

Revolut
Amount entry

Cash App
My profile
Try an editable clone in Figma
Install the free plugin and import 5 screens from any paid clone, or take the whole WhatsApp clone free.
Not affiliated with, endorsed or sponsored by the companies whose apps we recreate. Their names and logos are trade marks of their owners. Recreated for design reference and education. Rights holders: contact us