# Navbar with Animated Mega Dropdown

> A responsive React Navbar component implementing animated mega-dropdown menus for desktop interactions and a slide-in overlay menu for mobile devices. It's built using React hooks and utilizes Framer Motion for smooth animations and transitions. Styling is handled with Tailwind CSS classes. The component is structured to easily incorporate various multi-column dropdown data sets

- Author: [Erik X](https://21st.dev/@aghasisahakyan1)
- License: mit
- npm dependencies: framer-motion
- Live preview: https://21st.dev/@aghasisahakyan1/components/navbar-with-animated-mega-dropdown

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/aghasisahakyan1/navbar-with-animated-mega-dropdown?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