Netflix UI components examples

Netflix

A 6-digit security code entry form for multi-factor authentication. It includes a red 'SECURITY CHECK' eyebrow, a main heading, instructional text with the user's email, and six individual input fields with underline styling.

• Input code

Netflix

A side drawer displaying a list of episodes for a specific season. The first episode is expanded to show a thumbnail and description, while the others are collapsed.

• Accordion

Netflix

A full-screen video player interface with playback controls, a progress scrubber, and a central logo.

• Video player

Netflix

A horizontal top navigation bar featuring a brand logo, primary navigation links, and secondary utility icons including search, notifications, and a user profile dropdown.

• Horizontal navigation

Netflix

A grid of selectable cards representing different device types, used for onboarding.

• Input multi-select

Netflix

A line-art illustration showing a laptop, a TV or monitor, a tablet, and a smartphone.

• Illustration

Netflix

A card displaying an article preview with a large cover image, category tag, title, excerpt, and author/date metadata.

• Card

Netflix

Illustration of a person interacting with floating screens

• Illustration