Dropdowns

See how our dropdown menus can streamline user choices, offering a compact way to present multiple options.

Alternate

An alternative design for the standard dropdown.

Live preview:
Basic

A basic dropdown with minimal styling.

Live preview:
Composed

A dropdown designed with a composite structure.

Live preview:
Context

A contextual dropdown adjusting to its content.

Live preview:
Dividers

Dropdown with dividers to segment content.

Live preview:
Footer

A dropdown featuring a footer section.

Live preview:
Grid Navigation

A grid dropdown geared for navigation purposes.

Live preview:
Grid Navigation Accent

A variant of the grid navigation dropdown with accentuated design elements.

Live preview:
Header

Dropdown with a distinctive header.

Live preview:
Icons

Dropdown items adorned with icons.

Live preview:
Language

A dropdown designed for language selection.

Live preview:
Mega Menu

An expansive dropdown designed for extensive navigation.

Live preview:
Profile

Profile-centric dropdown with user details.

Live preview:
Selected

Dropdown for highlighting and managing selected options.

Live preview:
Selected Accent

Accent-themed dropdown to showcase and select highlighted options.

Live preview:
Transitions

Dropdown with smooth transitions for interactions.

Live preview: