Circular Dock Menu

A circular dock menu with controlled state, keyboard dismissal, item callbacks, outside-click handling, and reduced-motion support.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add @sona-ui/circular-dock-menu

Files

• src/registry/sonaui/circular-dock-menu/circular-dock-menu.tsx
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• Animated Button Components
• Dock Components
• React Dock Components
• Tailwind CSS Dock Components
• Animated Dock Components

More from Sona UI

• Animated Dropdown
• BubbleUpButton
• Button
• Circular Context Menu
• Expanding Action
• Fan View
• Hold To Delete Button
• Magnetic
• Magnetic Dock
• Prototype Circular Context Menu
• RippleButton
• Smart Overflow