React Menu Components

Dev Design Library indexes 350 React menu components from 71 open-source UI libraries, with the most coming from ReUI, Watermelon UI, FLX UI, Origin UI and Nexvyn UI. 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 targets React. Menu components belong to the Navigation group.

Showing 120 of 350, 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.
• MenuMUI / Material UI · React
• Branched MenuReact Bits · ReactCollapsible menu whose sections unfold into a trunk with a curved branch to each child, and an accent line that…
• MenuChakra UI · ReactUsed to create an accessible dropdown menu
• DropdownHeroUI · ReactA dropdown displays a list of actions or options that a user can choose
• MenuHeadless UI · React
• 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
• Context MenuRadix Themes · React
• MenuArk UI · ReactA list of options that appears when a user interacts with a button.
• 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.
• MenuPark UI · ReactA dropdown component for displaying a list of actions or options.
• Context MenuLobe UI · ReactContextMenu provides an imperative API to open a menu at the last pointer position. Render a host once and call…
• 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…
• MenuUser Interface Wiki · React
• 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
• 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
• 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
• Context menuArc Library · ReactSecondary actions kept close to the selected object.
• 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.
• Context MenuROI UI · ReactA menu component triggered by right-click or long press.
• 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.
• Context MenuHalaska UI · React
• 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.
• Aria Context MenuReScript shadcn · ReScript
• 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.
• Crypto OrbitZAYX · React Native
• Nested Dark Context MenuCue Foundations · React
• MenuOUI · ReactReact aria components Menu with shadcn characteristics.
• Liquid MenuLiquefy UI · ReactDropdown menu in liquid glass style. Menu suspenso em estilo vidro líquido.
• 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.
• Menu ItemMUI / Material UI · React
• Bubble MenuReact Bits · ReactNavigation bar of round bubbles (logo and toggle) that opens a full-screen overlay of pill-shaped menu links popping in.
• 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
• Dropdown MenuRadix Themes · React
• Navigation MenuArk UI · ReactA collection of links and menus for website navigation.
• Card with dropdown menuReUI · ReactCard with dropdown menu
• Context MenuAmicro Micro Transitions · React
• DropdownLobe UI · ReactDropdown displays a list of options that appear when users click or hover over a trigger element. It's commonly used…
• 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…
• Text Selection PopoverUser Interface Wiki · React
• 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
• Dropdown MenuObsidianUI · React
• Claude Model SelectorNotra · ReactA hover-open model and effort picker built on shadcn DropdownMenu.
• Floating MenuGreatUI · React
• 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
• Dropdown menuArc Library · ReactA focused list of actions anchored to a trigger.
• 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.
• Dropdown MenuROI UI · ReactA dropdown menu component.
• 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.
• Dropdown MenuHalaska UI · React
• 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…
• Aria Dropdown MenuReScript shadcn · ReScript
• 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…

Libraries with React menu components

• ReUI
• Watermelon UI
• FLX UI
• Origin UI
• Nexvyn UI

Related categories

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