Nebula
Glassmorphism mega menu with noise textures and blur effects for a cosmic aesthetic.
Main Features of Nebula
How to Use Nebula in Next.js
Installation Guide for Nebula
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
brandName | string | "NEBULA" | Brand name displayed in the navigation. |
navItems | string[] | ["Products", "Pricing"] | Array of navigation item labels. |
menuItems | Array<{title: string, desc: string}> | [] | Array of menu items with title and description. |
backgroundColor | string | "#171717" | Background color (hex, rgb, or hsl). |
navBgColor | string | "rgba(255,255,255,0.05)" | Navigation background color. |
menuBgColor | string | "rgba(0,0,0,0.4)" | Menu dropdown background color. |