Dev Design Library

Nav Menu

A vertical navigation list with two-layer proximity highlight (active route + hover), weight-shift labels, and status dots for new/updated items.

Nav Menu preview
Library
Nexvyn UI
Framework
React
Type
ui
License
CC-BY-NC-4.0+Commons-Clause+MIT
Dependencies
@radix-ui/react-slot, motion
Install
npx shadcn@latest add @nexvyn/nav-menu
Files
  • components/ui/nav-menu.tsx
  • components/ui/weight-shift-text.tsx
  • lib/hooks/use-proximity-highlight.tsx
  • lib/motion-tokens.ts
  • lib/utils.ts
Source
https://github.com/Nexvyn/Nexvyn-ui

Categories

More from Nexvyn UI