Animated glow menu component

A sleek, animated, 3D flipping menu bar built with React, Tailwind CSS, and Framer Motion.

✨ Features

• Animated 3D flip on hover
• Glowing radial background with theme support
• Accessible, semantic markup
• Fully responsive and modern look
• Easily customizable colors and icons
• Built with lucide-react, framer-motion, next-themes, and tailwindcss

Customization

To change icons or colors, edit the menuItems array in MenuBar.tsx.

Modify gradient and iconColor for new glow and hover effects.

Theme color variables can be adjusted in the Tailwind base layer.

Tech Stack

React

Next.js

Tailwind CSS

Framer Motion

Lucide Icons

Getting Started

npm install tailwindcss framer-motion lucide-react next-themes