Floating Dock
azemmur/components-floating-dockFreeComponent
A macOS-style floating dock with magnetic hover animations and keyboard navigation.
Install it
npx shadcn@latest add https://azemmur.raouf.codes/r/components-floating-dock.jsonSource
1// Copyright (c) 2026 raouf.codes - Azemmur23import {4 DockItem,5 type DockItemData,6} from '@/components/azemmur/components/azemmur/floating-dock/dock-item';7import { DockRoot } from '@/components/azemmur/components/azemmur/floating-dock/dock-root';8import { DockSeparator } from '@/components/azemmur/components/azemmur/floating-dock/dock-separator';910type FloatingDockComponent = typeof DockRoot & {11 Item: typeof DockItem;12 Separator: typeof DockSeparator;13};1415const FloatingDock = DockRoot as FloatingDockComponent;1617FloatingDock.Item = DockItem;18FloatingDock.Separator = DockSeparator;1920export { FloatingDock, type DockItemData };
What it pulls in
npm packages
Other registry items
Files it writes
More from Azemmur
All 27 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Blur Imagecomponents-blur-image | Azemmur | Components | Free | 1 dep | |
| Buttoncomponents-button | Azemmur | Components | Free | 1 dep | |
| Speed Dialcomponents-speed-dial | Azemmur | Components | Free | 2 deps · 7 files | |
| Tabscomponents-tabs | Azemmur | Components | Free | 2 deps · 9 files | |
| Theme Switchcomponents-theme-switch | Azemmur | Components | Free | 4 deps | |
| Timelinecomponents-timeline | Azemmur | Components | Free | 2 deps · 8 files | |
| Blur Image Demodemo-components-blur-image | Azemmur | Components | Free | no deps | |
| Button Demodemo-components-button | Azemmur | Components | Free | 1 dep |
