Dev Design LibraryMenu Components
Dev Design Library indexes 387 menu components from 81 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. Menu components belong to the Navigation group.
Showing 120 of 387, 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…
MegamenudaisyUI · CSS (Tailwind)
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 Menu Morphtransitions.dev · HTML/CSSButton that grows and changes shape into its dropdown menu instead of opening a separate panel.
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.
Orbital Action MenuKinetics · HTML/CSSActions escape a magnetic centre on hover
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.
Glass Action MenuSwiftPieces · SwiftUIHold the glass trigger and its actions bud out of it along a line or an arc; slide across them and release to fire one.
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.
Context menuArc Library · ReactSecondary actions kept close to the selected object.
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.
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
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.
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.
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
Dropdown MenuRadix Themes · React
Navigation MenuArk UI · ReactA collection of links and menus for website navigation.
Gooey Plus Menutransitions.dev · HTML/CSS
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.
Speed Dial FabKinetics · HTML/CSSActions fan out on a staggered spring
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.
Dropdown menuArc Library · ReactA focused list of actions anchored to a trigger.
Libraries with menu components
Related categories
- React Menu Components
- Tailwind CSS Menu Components
- Svelte Menu Components
- Animated Menu Components
- shadcn/ui Menu Components
- Navigation Components
- Tabs Components
- Stepper Components
- Navbar Components
- Pagination Components
- Sidebar Components
- Breadcrumb Components
- Command Palette Components
- Context Menu Components
- Mega Menu Components
- Dock Components
- Wizard Components
- Table Of Contents Components
- Tab Bar Components
- Hamburger Menu Components
- Floating Navbar Components