Skip to content

Segmented control UI examples

Segmented control UI design examples from SaaS apps. Explore how interfaces present a small set of related choices side by side. Look at how labels and selected states distinguish the active option within the…

Explore the examples

Alloy — Segmented control component
Alloy logo
Alloy

A horizontal segment control with four icons, one of which is selected.

Airbnb — Segmented control component
Airbnb logo
Airbnb

A user interface segment for selecting a type of place.

Zaro — Segmented control component
Zaro logo
Zaro

A segmented control allowing users to switch between 'Workspace Apps' and 'My Apps', with 'Workspace Apps' currently selected.

Extend — Segmented control component
Extend logo
Extend

A horizontal row of icon-labeled buttons representing different document processing actions or features.

Dock — Segmented control component
Dock logo
Dock

A segmented control with three options, 'Workspace' is selected.

Bloom — Segmented control component
Bloom logo
Bloom

A segmented control with two options, 'Production' and 'Development', where 'Production' is selected.

Lovable — Segmented control component
Lovable logo
Lovable

A user interface section for managing people within a workspace, featuring a title, descriptive text, and a segmented control for navigation.

Elevenlabs — Segmented control component
Elevenlabs logo
Elevenlabs

A popover displaying prompt strength settings with a segmented control for selection.

Paper — Segmented control component
Paper logo
Paper

A segmented control with two options, 'Contain' and 'Cover', under a 'Fit' label.

Llamaindex — Segmented control component
Llamaindex logo
Llamaindex

A user interface displaying a configuration title with a help icon and a segmented control for basic and advanced settings.

Kinescope — Segmented control component
Kinescope logo
Kinescope

A horizontal row of buttons for selecting time ranges, including a live status indicator and a date range picker.

Browse the full component library

See 122 more Components.

Trusted by the best teams

About Segmented control

Explore how interfaces present a small set of related choices side by side. Look at how labels and selected states distinguish the active option within the group.