Dropdown Menu

A popover action menu with a proximity-driven morphing highlight. The muted hover highlight springs between items as the pointer moves, giving the menu a fluid, alive feel.

Library

Nexvyn UI

Framework

React

Type

ui

License

CC-BY-NC-4.0+Commons-Clause+MIT

Dependencies

motion

Install

npx shadcn@latest add @nexvyn/dropdown-menu

Files

• components/ui/dropdown-menu.tsx
• lib/hooks/use-proximity-highlight.tsx
• lib/sound.ts
• lib/motion-tokens.ts
• lib/utils.ts

Source

https://github.com/Nexvyn/Nexvyn-ui

Categories

• Menu Components
• React Menu Components
• Tailwind CSS Menu Components
• Animated Menu Components
• Navigation Components
• React Navigation Components
• Tailwind CSS Navigation Components
• Animated Navigation Components

More from Nexvyn UI

• Adaptive Actions
• Context Menu
• Gooey Dropdown
• Morph Nav
• Nav Menu
• Select
• Accordion
• Action Button
• AI Input
• Badge
• Banner
• Banner Cookie