Swiss Grid
Swiss design-inspired mega menu with precise grid layout and typography.
✦Unlock 200+ premium components, CLI, and unlimited AI prompts
Refresh preview
Share Component
Copy CLI command
Props
| Property | Type | Default | Description |
|---|---|---|---|
| brandName | string | "HELVETICA." | Brand name displayed in header. |
| items | Array<{num: string, title: string, description?: string}> | [] | Array of grid items with number, title, and description. |
| backgroundColor | string | "#f0f0f0" | Background color (hex, rgb, or hsl). |
| menuBgColor | string | "#f0f0f0" | Menu background color. |
| itemHoverBgColor | string | "#000000" | Item hover background color. |
Related Components
Enjoying Uilora? Unlock the full library.
56+ premium components, unlimited CLI, unlimited MCP, v0 + Claude prompts — one payment, forever.
✓ Instant access✓ Lifetime updates✓ Commercial license
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.