# Animated Menu Bar

> A modern, responsive menu bar React component featuring animated icon expansion, active state highlighting, and smooth transitions. Supports both dark and light themes out of the box using Tailwind CSS. On mobile, tooltips appear on tap for accessible navigation. Designed for clean code, accessibility, and seamless integration into any Next.js or React project.

- Author: [Ankit Verma](https://21st.dev/@itsankitverma)
- License: unknown
- Live preview: https://21st.dev/@itsankitverma/components/animated-menu-bar

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/itsankitverma/animated-menu-bar?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