4f:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 50:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 51:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 52:T1dd1,"use client"; import { ArrowUpRight, BookOpen, Building2, ChartNoAxesColumn, type LucideIcon, Rocket, Sparkles, Users, } from "lucide-react"; import { MotionNavigationMenu, MotionNavigationMenuContent, MotionNavigationMenuItem, MotionNavigationMenuLink, MotionNavigationMenuList, MotionNavigationMenuTrigger, } from "@/components/unlumen-ui/motion-navigation-menu"; interface MotionNavigationMenuDemoProps { viewport?: boolean; springBounce?: number; springStiffness?: number; springDamping?: number; } const PRODUCTS = [ { title: "Analytics", desc: "Live funnels, cohorts, and retention." }, { title: "Automation", desc: "Trigger workflows from events." }, { title: "Insights", desc: "AI recommendations for next steps." }, { title: "Reports", desc: "Share snapshots with stakeholders." }, ]; const SOLUTIONS: { title: string; desc: string; icon: LucideIcon }[] = [ { title: "Startups", desc: "Launch dashboards without building infra.", icon: Rocket, }, { title: "Agencies", desc: "Manage every client workspace from one view.", icon: Users, }, { title: "Enterprise", desc: "SAML, audit logs, SLAs, and permissions.", icon: Building2, }, ]; const RESOURCES = [ { title: "Documentation", desc: "Guides and API reference." }, { title: "Changelog", desc: "What shipped this month." }, { title: "Blog", desc: "Engineering and product notes." }, ]; const highlightClassName = "dark:bg-accent bg-foreground/[0.06] rounded-lg"; export function MotionNavigationMenuDemo({ viewport, springBounce, springStiffness, springDamping, }: MotionNavigationMenuDemoProps) { return (

Products

Command center Monitor product growth, workflow health, and team output.

{PRODUCTS.map((product) => ( {product.title} {product.desc} ))}

Solutions

Built for teams

{SOLUTIONS.map((solution) => ( For {solution.title.toLowerCase()} {solution.desc} View ))}

Resources

{RESOURCES.map((resource) => ( {resource.title} {resource.desc} ))}

New release Explore the latest workflow templates and API improvements. Read changelog

Pricing

); } export default MotionNavigationMenuDemo; 4b:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[]}],["$","$L4f",null,{"registryDependencies":["@unlumen-ui/motion-navigation-menu"]}]]}],["$","$L50",null,{"sourceUrl":"https://ui.unlumen.com/r/demo-motion-navigation-menu.json","proxyUrl":"https://shadcnregistry.com/r/unlumen-ui/demo-motion-navigation-menu","itemId":"@unlumen-ui/demo-motion-navigation-menu"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L51",null,{"files":[{"path":"registry/demo/components/unlumen/motion-navigation-menu/index.tsx","content":"$52","type":"registry:example"}]}]]}],"$L53"]}]

Motion Navigation Menu Demo

Installation

Files

components

Styles