Components
Loading preview...
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
npx shadcn@latest add https://21st.dev/r/aghasisahakyan1/navbar-with-animated-mega-dropdown// This is a demo of a preview
// That's what users will see in the preview
import { Navbar } from "@/components/ui/navbar-with-animated-mega-dropdown";
const DemoOne = () => {
return <Navbar />;
};
// IMPORTANT:
// format of the export MUST be export default { DemoOneOrOtherName }
// if you don't do this, the demo will not be shown
export default { DemoOne };