Orbit
Orbital navigation mega menu with circular motion and space-themed design.
Main Features of Orbit
How to Use Orbit in Next.js
Installation Guide for Orbit
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
buttonIcon | ReactNode | <Grid /> | Icon component for the button. |
items | Array<{icon: ReactNode, label: string}> | [] | Array of orbital items with icons and labels. |
backgroundColor | string | "#0f172a" | Background color (hex, rgb, or hsl). |
buttonBgGradientFrom | string | "#06b6d4" | Button gradient start color. |
itemRadius | number | 180 | Orbit radius in pixels. |