πŸ“„ tailwindcss/plus/ui-blocks/application-ui/elements/dropdowns

File: dropdowns.md | Updated: 11/15/2025

Source: https://tailwindcss.com/plus/ui-blocks/application-ui/elements/dropdowns

5-day Mini-Course

Build UIs that don’t suck.

Short, tactical video lessons from the creator of Tailwind CSS, delivered directly to your inbox every day for a week.

Get the free course

Dropdowns

Use these Tailwind CSS dropdown and popover components to create dropdown menus for action items and navigation, featuring section dividers, icons, and headers. These dropdown components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Simple


PreviewCode

HTMLReactVue

Simple


PreviewCode

HTMLReactVue

With dividers


PreviewCode

HTMLReactVue

With dividers


PreviewCode

HTMLReactVue

With icons


Preview

Get the code β†’

With icons


Preview

Get the code β†’

With minimal menu icon


Preview

Get the code β†’

With minimal menu icon


Preview

Get the code β†’

With simple header


Preview

Get the code β†’

With simple header


Preview

Get the code β†’