Apple Glass Nav
Glassmorphism navigation with frosted glass effect and smooth transitions. Inspired by Apple's design language.
✦Unlock 200+ premium components, CLI, and unlimited AI prompts
Refresh preview
Share Component
Copy CLI command
Props
| Property | Type | Default | Description |
|---|---|---|---|
| items | Array<{name: string, href: string}> | [] | Array of navigation items with name and href. |
| className | string | undefined | Additional CSS classes for the nav container. |
| activeTab | string | undefined | Controlled state for active tab. |
Related Components
Sketchy Nav
Hand-drawn style navigation with organic, wobbly lines. Great for creative and indie projects.
View Component
Gradient Border Nav
Dark, sleek navigation with a moving gradient border. Used by OpenAI, Raycast, and Linear clones.
View Component
Elastic Slider Nav
Smooth spring animation for the active state indicator. Perfect for mobile apps and clean dashboards.
View Component
Enjoying Uilora? Unlock the full library.
200+ 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.