Navigation Menu

A horizontal menu of links and animated dropdown panels for top-level site or product navigation.

Navigation Menu

Installation

pnpm dlx shadcn@latest add @sortui/navigation-menu

Usage

import {
  NavigationMenu,
  NavigationMenuContent,
  NavigationMenuIndicator,
  NavigationMenuItem,
  NavigationMenuLink,
  NavigationMenuList,
  NavigationMenuTrigger,
  NavigationMenuPositioner,
} from "@/components/ui/navigation-menu"

Examples

Grid

With icons

Featured

Groups

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.