Floating Island
Expands from a single dot to a full menu on hover. Minimal to maximal transformation.
✦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. |
Related Components
Apple Glass Nav
Glassmorphism navigation with frosted glass effect and smooth transitions. Inspired by Apple's design language.
View Component
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
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.