Animated Dropdown
A composable, accessible dropdown menu built on Base UI with controlled state, interruptible hover highlighting, and origin-aware enter motion.

- Library
- Sona UI
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- @base-ui/react, motion
- Install
npx shadcn@latest add @sona-ui/animated-dropdown- Files
src/registry/sonaui/animated-dropdown/animated-dropdown.tsxsrc/registry/sonaui/sona-utils/sona-utils.tssrc/registry/sonaui/sona-motion/sona-motion.tssrc/lib/sona-motion.tssrc/lib/sona-utils.ts
- Source
- https://github.com/Dinil-Thilakarathne/sona-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