Tailwind CSS Menu Components

Dev Design Library indexes 335 Tailwind CSS menu components from 62 open-source UI libraries, with the most coming from ReUI, Watermelon UI, FLX UI, Origin UI and sv-particles. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes. Menu components belong to the Navigation group.

Showing 120 of 335, a mix from every library. Open a library to see all of its components.

• Context Menushadcn/ui · ReactDisplays a menu of actions triggered by a right click.
• MegamenudaisyUI · CSS (Tailwind)
• DropdownHeroUI · ReactA dropdown displays a list of actions or options that a user can choose
• Action MenuReact Spectrum · ReactActionMenu combines an ActionButton with a Menu for simple "more actions" use cases.
• Context Menucoss ui · ReactA menu that appears at the pointer on right click or long press.
• Comp 100Origin UI · React
• Dropdown MenuTremor · React
• Stat card with trend and overflow menuReUI · ReactStat card with trend and overflow menu
• Category SelectAmicro Micro Transitions · React
• Open In ChatAI Elements · ReactA dropdown menu for opening queries in various AI chat platforms including ChatGPT, Claude, T3, Scira, and v0.
• Command PaletteKokonut UI · React⌘K command palette with nested pages, fuzzy matching and in-row progress for running actions.
• context-menuIntent UI · Reactcontext-menu
• DropdownUntitled UI React · React
• Bloom MenubeUI · ReactA button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with…
• Context MenuTailGrids · ReactA context menu component with multiple variants.
• Profile DropdownSpectrum UI · Reactcomponent for the Profile Dropdown
• Awwwards NavVengeance UI · ReactGlass bottom nav that expands into a mega-menu
• Command MenuFluid Functionalism · ReactSearch field over a list of actions: type to filter, arrows to move the fluid hover highlight, Enter to run. Grouped…
• Context MenuToolcraft · React
• Dropdown MenuLaunch UI · React
• Web MenuPanel UI · React Native
• Command-01 - Shortcut MenuShadcn Space · ReactCommand component with different size variants
• File Menu DropdownOpenSourceUI · React
• Bottom Menuuselayouts · ReactA floating bottom navigation menu with smooth interactions.
• DropdownBoardUI · ReactComposable menus - teams, models, actions.
• Dropdown MenuTremor Blocks · React
• Context MenuShadcn Dashboard · React
• Hero Header Eightcnblocks · SvelteNavigation header with dropdown menus
• Open In ChatAI Elements (Svelte) · SvelteA provider menu for opening prompts in external chat and AI tools.
• Context MenuObsidianUI · React
• ChatGPT Model SelectorNotra · ReactThe hover-to-open effort chip with Model and Effort submenus, built on shadcn DropdownMenu.
• Floating Dock MenuGreatUI · React
• Flyouts 01Oxbow UI · Astro
• Adaptive ActionsNexvyn UI · ReactA responsive action toolbar that measures its available inline size and moves overflowed items into an accessible…
• Soundboardaudiocn · ReactA grid of sound pads with global hotkeys, per-pad mode and volume in a context menu, master volume, stop all, and…
• menuBaseLayer · ReactA menu displays a list of actions or options that a user can choose.
• Context MenuShark UI · ReactA menu shown on right-click.
• Circular Radial NavbarRewamp UI · React
• Animated DropdownSona UI · ReactA composable, accessible dropdown menu built on Base UI with controlled state, interruptible hover highlighting, and…
• Add Cash DisclosureWatermelon UI · React
• Header Fivesv-efferd · SvelteA polished rounded header with compact mega-menu panels and stronger pill-shaped actions.
• Data Table Column Headersv-table · SvelteA table heading with sorting, pinning, ordering, and visibility actions.
• Glass Dropdown Menuglasscn · ReactGlass Dropdown Menu with five variants: clear, frosted, subtle, liquid, and liquid-refract
• Context MenuUI Lab · ReactOpens at your cursor and grows from it.
• Context menuHextaUI · ReactA menu of actions on right click or long press, with submenus, checkbox and radio items, and hold feedback on touch.
• BreadcrumbCojeev UI · ReactFind your place with a complete trail, a pocket-sized ancestor menu or a connected directory path.
• Blur Glide MenuMicroKit · ReactA nested menu whose steps blur before they glide aside, while the surface animates to the height of the step arriving.
• With dropdownFLX UI · ReactGhost icon Button opens a menu of the hidden levels.
• Mega menu navbarVelora UI · ReactTop bar with a keyboard-accessible Product mega menu, search, sign-in and a slide-over mobile menu.
• Basic Menusv-particles · Svelte
• Menu and correction popoverMetal UI · React + SwiftUIA frosted plate of 30 rows (frost-strong at .92, radius 18, padding 6, at least 200 wide) from a trigger or at the…
• Context MenuSpaceUI · ReactOpens a custom action menu right at the cursor position when users right-click or long-press an element on the screen.
• Morph MenuSkecher UI · ReactA measured action menu that morphs between compact and expanded states with configurable directional movement.
• Base Context MenuSora UI · ReactAn accessible context menu built on Base UI with smooth Motion spring scale and submenu slide animations.
• MenuOUI · ReactReact aria components Menu with shadcn characteristics.
• Context MenuD2Studio UI · ReactDisplays a menu to the user, such as a set of actions or functions, triggered by a right click.
• Dropdown MenuEaseUI · ReactAction menu that opens from a trigger, flips upward when there is no room below, and supports a destructive item.
• Glass Context MenuOpaline · ReactRight-click menu that springs from the cursor, with a row of round quick actions.
• Command MenuFibo · ReactA Cmd+K palette with nested pages, recent commands, ranked search and a preview pane.
• Context MenuReactFrame · ReactA right-click context menu with checkbox and radio items, nested submenus, viewport edge clamping and full keyboard…
• Navbar MenuAceternity UI · React
• Menuark-cn · ReactA shadcn-style menu component built with Ark UI primitives.
• Dropdown Menushadcn/ui · ReactDisplays a menu to the user — such as a set of actions or functions — triggered by a button.
• MenudaisyUI · CSS (Tailwind)
• MenuReact Spectrum · ReactMenus display a list of actions or options that a user can choose.
• Menucoss ui · ReactA list of actions in a dropdown, enhanced with keyboard navigation.
• Comp 366Origin UI · React
• Card with dropdown menuReUI · ReactCard with dropdown menu
• Context MenuAmicro Micro Transitions · React
• AI Input SelectorKokonut UI · ReactAI chat input with a model menu, a separate Effort control, file chips you can drop or paste, a / command menu, and…
• dropdownIntent UI · Reactdropdown
• Slideout MenusUntitled UI React · React
• Context MenubeUI · ReactComposable context-menu primitives with a pointer-origin clip morph, a gliding active row, checkbox and radio choices…
• DropdownTailGrids · ReactA dropdown component with multiple variants and support for icons.
• Context MenuVengeance UI · React
• DropdownFluid Functionalism · ReactDropdown menu with fluid hover, animated selection indicator, inline panel or triggered popup with collision-aware…
• Dropdown MenuToolcraft · React
• Mode ToggleLaunch UI · React
• Context Menu 04 - View OptionsShadcn Space · ReactEditor preview with a right click menu of checkbox items for line numbers, wrap, and highlight, and radio groups for…
• Filter Sort DropdownOpenSourceUI · React
• Create Menuuselayouts · ReactA Start Creating pill that springs open into a list of create actions.
• Dropdown MenuShadcn Dashboard · React
• Hero Header Ninecnblocks · SvelteHeader with mega menu navigation
• Dropdown MenuObsidianUI · React
• Claude Model SelectorNotra · ReactA hover-open model and effort picker built on shadcn DropdownMenu.
• Floating MenuGreatUI · React
• Flyouts 02Oxbow UI · Astro
• Context MenuNexvyn UI · ReactA right-click menu with proximity highlight and keyboard navigation.
• MenuShark UI · ReactList of options on button interaction.
• Circular Context MenuSona UI · ReactAn edge-aware compound context menu that fans a small set of direct actions away from a selected object.
• Collection Grid DisclosureWatermelon UI · React
• Header Threesv-efferd · SvelteA richer sticky header with mega-menu navigation and a full mobile fallback.
• Data Table Viewsv-table · SvelteA checkbox dropdown for toggling table column visibility.
• Dropdown Menuglasscn · React
• Dropdown MenuUI Lab · ReactGrows out of its trigger, and press, drag, release picks an item like a native menu.
• Dropdown menuHextaUI · ReactA menu of actions and options behind a button, with groups, submenus, checkbox and radio items, and shortcuts.
• Context MenuCojeev UI · ReactReveals contextual actions for a target through a context-menu interaction.
• Split buttonFLX UI · ReactPrimary action button paired with a chevron that opens a dropdown of secondary actions.
• Navbar MenuVelora UI · ReactHover-driven menu whose pill and panel morph between items.
• Close On Clicksv-particles · Svelte
• MenubarMetal UI · React + SwiftUIAn app's commands under a few words across the top: quiet keys that open the menu's plates; while one is open, a…
• MenuSpaceUI · ReactDisplays a floating dropdown menu of actions or options when users click a trigger button, keeping pages clean and…
• Base Dropdown MenuSora UI · ReactAn accessible dropdown menu built on Base UI with smooth Motion spring scale and submenu slide animations.
• Dropdown MenuD2Studio UI · ReactDisplays a menu to the user, such as a set of actions or functions, triggered by a button.
• Glass MenuOpaline · ReactDropdown menu rendered on liquid glass.
• Filter MenuFibo · ReactA filter menu of fields and values that turns into a search as you type.
• Glass NavigationReactFrame · ReactA pill navbar that expands into a full panel of large nav links, a tagline, and social links, with a CTA button…
• Menubarshadcn/ui · ReactA visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.
• Tailwind MenuReact Spectrum · React
• Comp 367Origin UI · React
• Nested attribute picker with drill-down navigation.ReUI · ReactNested attribute picker with drill-down navigation.
• Submenu FlyoutAmicro Micro Transitions · React
• Marking MenuKokonut UI · ReactA radial menu you hold to open or flick to pick blind, built with React and Motion.
• menuIntent UI · Reactmenu
• Message ContextbeUI · React
• MenubarTailGrids · ReactA responsive menu bar component that provides a horizontal row of menu triggers, each opening a dropdown menu.
• Dropdown MenuVengeance UI · React
• DropdownFluid Functionalism · ReactDropdown menu with fluid hover, animated selection indicator, inline panel or triggered popup with collision-aware…
• MenubarToolcraft · React
• Navigation MenuLaunch UI · React

Libraries with Tailwind CSS menu components

• ReUI
• Watermelon UI
• FLX UI
• Origin UI
• sv-particles

Related categories

• Menu Components
• React Menu Components
• Svelte Menu Components
• Animated Menu Components
• shadcn/ui Menu Components
• Tailwind CSS Navigation Components
• Tailwind CSS Tabs Components
• Tailwind CSS Stepper Components
• Tailwind CSS Navbar Components
• Tailwind CSS Sidebar Components
• Tailwind CSS Pagination Components
• Tailwind CSS Breadcrumb Components
• Tailwind CSS Command Palette Components
• Tailwind CSS Context Menu Components
• Tailwind CSS Mega Menu Components
• Tailwind CSS Dock Components
• Tailwind CSS Wizard Components
• Tailwind CSS Table Of Contents Components
• Tailwind CSS Tab Bar Components
• Tailwind CSS Hamburger Menu Components