Dev Design Library

Animated Dropdown

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

Animated Dropdown preview
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.tsx
  • src/registry/sonaui/sona-utils/sona-utils.ts
  • src/registry/sonaui/sona-motion/sona-motion.ts
  • src/lib/sona-motion.ts
  • src/lib/sona-utils.ts
Source
https://github.com/Dinil-Thilakarathne/sona-ui

Categories

More from Sona UI