# Material UI Dropdown Menu

> A highly sophisticated Material Design 3 Dropdown Menu built on top of shadcn/ui and Radix UI. Engineered with a custom Dual-Physics Ripple Engine via the Web Animations API for true geometric haptic-like feedback. Features a seamless drill-down navigation system with smooth, dynamic height adjustments using ResizeObserver. Includes SSR-compatible cinematic sweep & staggered entry animations driven by local CSS variables. Fully WCAG compliant, keyboard navigable, and perfectly bundled as a zero-dependency, single-file portable component.

- Author: [Hossain Jahed](https://21st.dev/@easemize)
- License: unknown
- npm dependencies: lucide-react, @radix-ui/react-dropdown-menu
- Live preview: https://21st.dev/@easemize/components/material-ui-dropdown-menu

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/easemize/material-ui-dropdown-menu?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt