Dropdown Menus – 8 Free CSS, Bootstrap & Tailwind Sets
A pack of eight dropdown menu sets for apps and websites, designed and maintained in-house by uiCookies: action menus, account menus, split buttons, nested submenus, navbar and mega dropdowns, row and right-click context menus, a dark set and a modern CSS set with no JavaScript. Every set comes three ways: a Bootstrap 5.3.8 version built on Bootstrap's own Dropdown plugin and dropdown styles, a plain CSS version with a small vanilla script, and a Tailwind CSS 4 version written in utility classes.
A good dropdown menu is predictable from the keyboard and honest about what it is. A menu of commands should behave like one: arrow keys move, Esc closes and puts focus back on the button, and a click outside dismisses it. A set of navigation links is not a command menu, so a navbar dropdown should be a disclosure panel that you Tab through, not role="menu". Name icon-only triggers after what they act on, say why a disabled item is disabled, keep shortcuts readable to screen readers, and never let a menu open off the edge of a phone screen.
