Motion UISections2 sections

Navigation

Mega menus, scroll-aware shrinking headers and command palettes.

Navigation: Command palette

An example of a Cmd+K command palette with a fuzzy-filtered, keyboard-navigable list and a shared-layout selection highlight in Motion for React.

npx shadcn@latest add @motion/nav-command-palette
Components usedCommandPalette
MotionScore

Navigation: Mega menu

An example of a site navigation with a single shared mega-menu panel that morphs directionally between sections, in Motion for React.

npx shadcn@latest add @motion/nav-mega-menu
Components usedOverlay
MotionScore

More categories

Browse the rest of the Motion UI section library.