SmoothUI

Navigation Menu

Last updated: October 14, 2026

Site navigation with hoverable panels, Base UI and Radix twins.

Installation

npx smoothui-cli add navigation-menu

Features

  • Trigger + content panels with a shared viewport
  • Compound parts: NavigationMenuRoot, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, NavigationMenuViewport
  • Smooth panel size transitions
  • Base UI by default; Radix twin available via style

States

Features

A product header with Product / Resources panels and a Pricing link.

Accessibility

Triggers are buttons; links are keyboard reachable. Prefer short panel content.

Props

Powered by

base-ui
SmoothUI

Animated React components with smooth Motion animations. Drop-in shadcn/ui compatible.

© 2026 SmoothUI. Built by Eduardo Calvo.