Swiss Grid

Swiss design-inspired mega menu with precise grid layout and typography.

Refresh preview

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.

Glassmorphism mega menu with noise textures and blur effects for a cosmic aesthetic.

Cyberpunk-inspired mega menu with glitch effects and neon aesthetics.

Neo-brutalist mega menu with bold typography and high contrast design.

Built something cool?

Share your work with 10k+ devs — or tell us how we can improve.