Dynamic Island
Fluid morphing mega menu inspired by iOS Dynamic Island with smooth transitions.
Refresh preview
Share Component
Copy CLI command
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. |
Related Components
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.