Magnetic Dock
A bottom dock whose icons grow under the pointer.
Installation
npm install motion lucide-react clsx tailwind-mergeThen copy the files from the Code tab into the same paths in your project, in TypeScript or JavaScript.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | NavItem[] | - | Links: label, href, optional icon and children. |
| baseSize | number | 44 | Icon size at rest, in px. |
| magnification | number | 68 | Icon size right under the pointer, in px. |
| className | string | - | Extra classes for the outer element. |