Dropdown Menu

Free + Pro

Displays a menu to the user — such as a set of actions or functions — triggered by a button. Pro version includes animations, search, and glassmorphism effects.

Unlock Advanced Dropdown Menu Features

Get access to powerful pro features that enhance your dropdown menu component with advanced capabilities, premium styling options, and optimized performance.

Built-in search functionality with keyboard navigation
12+ animation variants with physics-based motion
Glassmorphism and gradient effects

Pro Features

Unlock advanced capabilities with the Pro version

Built-in Search

Integrated search functionality with smart filtering

Premium Animations

12+ animation variants including physics-based effects

Glass Effects

Glassmorphism, gradients, and modern visual styles

Rich Content

Support for descriptions, badges, and custom content

Enhanced Security

Role-based menu items and permission handling

Performance Optimized

Virtual scrolling for long lists and optimized rendering

Installation

Install via CLI

moonui add dropdown-menu

Usage

Basic Usage

Pro Required

Pro Usage

PRO

Pro Required

Examples

Basic Dropdown Menu

Simple dropdown with icons and separators

With Checkboxes

Dropdown menu with checkbox items

With Radio Group

Dropdown menu with radio items

With Submenus

Nested dropdown menus with keyboard shortcuts

PRO

Pro Examples

Searchable Dropdown

PRO

Dropdown with built-in search functionality

Pro Required

Glassmorphism Effects

PRO

Premium glass effect with animated icons and badges

Pro Required

Multi-Select with Descriptions

PRO

Enhanced checkbox items with descriptions and icons

Pro Required