Dynamic Island
Fluid morphing mega menu inspired by iOS Dynamic Island with smooth transitions.
Main Features of Dynamic Island
How to Use Dynamic Island in Next.js
Installation Guide for Dynamic Island
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
closedText | string | "Navigation" | Text shown when menu is closed. |
closedWidth | number | 180 | Width of closed menu in pixels. |
openWidth | number | 800 | Width of open menu in pixels. |
items | Array<{title: string, icon: ReactNode, color?: string}> | [] | Array of menu items. |
islandBgColor | string | "#000000" | Island background color. |