Airbnb UI components examples

Browse Airbnb UI component design examples. Preview individual interface elements and explore related component categories. Book unique homes and experience a city like a local

Explore the examples

Airbnb — Dropdown menu component

A dropdown menu displaying user account options and navigation links, including hosting information and a call to action.

Dropdown menu

Airbnb — Sorting & filtering component

Sorting & filtering

Airbnb — Empty state component

A search result page displaying an empty state with a message indicating no exact matches and a call to action to remove filters, accompanied by illustrative images.

Empty state

Airbnb — Card component

A product card displaying an apartment listing with an image, title, details, rating, and price.

Card

Airbnb — Datepicker component

Datepicker

Airbnb — Sorting & filtering component

Sorting & filtering

Airbnb — Toggle/Switch component

A user interface section displaying travel-related stamps for profile customization with a privacy toggle.

Toggle/Switch

A header bar with a brand logo, a call to action, and a user menu.

Horizontal navigation

Airbnb — Input code component

A screen for confirming identity by entering a verification code sent to an email address.

Input code

Airbnb — Input number component

User interface for selecting room and bed quantities.

Input number

Airbnb — Slider component

A price range filter with a histogram visualization.

Slider

Airbnb — Segmented control component

A user interface segment for selecting a type of place.

Segmented control

Browse the full component library

Browse the full UI component library.

Trusted by the best teams

Related apps