This component no longer exists. It was in bejamas/ui’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-06 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
navigation-menu
bejamas-ui/navigation-menuRemovedComponent
bejamas/ui publishes no description for this item.
Live preview
live · rendered by the registry
Rendered by bejamas/ui on their own page — this is the component running, not a screenshot of it.Install it
npx shadcn@latest add https://ui.bejamas.com/r/navigation-menu.jsonSource
1---2// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/navigation-menu/NavigationMenu.astro directly.3/**4 * @component NavigationMenu5 * @title Navigation Menu6 * @description A menu with dropdown content and optional viewport transitions.7 *8 * @preview9 *10 * <NavigationMenu>11 * <NavigationMenuList>12 * <NavigationMenuItem value="products">13 * <NavigationMenuTrigger>Products</NavigationMenuTrigger>14 * <NavigationMenuContent>15 * <div class="grid grid-cols-2 gap-2 w-[380px] p-2">16 * <NavigationMenuLink href="#">17 * <div class="flex flex-col gap-1">18 * <div class="leading-none font-medium">Analytics</div>19 * <div class="line-clamp-2 text-muted-foreground">Real-time insights</div>20 * </div>21 * </NavigationMenuLink>22 * <NavigationMenuLink href="#">23 * <div class="flex flex-col gap-1">24 * <div class="leading-none font-medium">Automation</div>25 * <div class="line-clamp-2 text-muted-foreground">Workflow builders</div>26 * </div>27 * </NavigationMenuLink>28 * <NavigationMenuLink href="#">29 * <div class="flex flex-col gap-1">30 * <div class="leading-none font-medium">Security</div>31 * <div class="line-clamp-2 text-muted-foreground">Enterprise-grade</div>32 * </div>33 * </NavigationMenuLink>34 * <NavigationMenuLink href="#">35 * <div class="flex flex-col gap-1">36 * <div class="leading-none font-medium">Integrations</div>37 * <div class="line-clamp-2 text-muted-foreground">Connect tools</div>38 * </div>39 * </NavigationMenuLink>40 * </div>41 * </NavigationMenuContent>42 * </NavigationMenuItem>43 * <NavigationMenuItem value="solutions">44 * <NavigationMenuTrigger>Solutions</NavigationMenuTrigger>45 * <NavigationMenuContent align="center">46 * <div class="grid grid-cols-2 gap-2 w-[380px] p-2">47 * <NavigationMenuLink href="#">48 * <div class="flex flex-col gap-1">49 * <div class="leading-none font-medium">Startups</div>50 * <div class="line-clamp-2 text-muted-foreground">Move fast</div>51 * </div>52 * </NavigationMenuLink>53 * <NavigationMenuLink href="#">54 * <div class="flex flex-col gap-1">55// … truncated
What it pulls in
npm packages
