Navbar FlowAn animated navigation bar with sequenced entry animations and dropdown menuslayoutsnavbarnavigationanimationdropdown PreviewCodeLogoHomeProductsAboutContactSign UpLogoSign UpToggle menuHomeProductsAboutContactCopyimport NavbarFlow, { HoverLink, FeatureItem } from "@/components/vritti/navbar-flow"; export function NavbarFlowExample() { const links = [ { text: "Home", url: "#" }, { text: "Products", submenu: ( <div> <FeatureItem heading="Analytics" url="#" info="Track your metrics" /> <FeatureItem heading="Dashboard" url="#" info="Monitor everything" /> </div> ), }, { text: "About", url: "#" }, { text: "Contact", url: "#" }, ]; return ( <div className="relative w-full overflow-hidden rounded-lg border h-[200px]"> <NavbarFlow emblem="Logo" links={links} rightComponent={<span className="text-sm px-3 py-1 bg-primary text-primary-foreground rounded-full">Sign Up</span>} /> </div> ); } Installation CLIManualpnpmnpmyarnbunpnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/navbar-flow"Copy Dependencies pnpmnpmyarnbunpnpm add motion lucide-reactCopy