Floating Island Nav

Purpose

FloatingIslandNav is a compact elevated navigation surface for landing pages and portfolios. Reach for it when navigation should remain available without occupying a full-width header.

Use few items, modest elevation and at most one optional response: proximity or scroll collapse. Avoid copying Dynamic Island proportions, covering page controls, or pairing it with another fixed dock. Confirm safe-area and content clearance on small screens.

The internal Liquid Navbar retains links, focus and active semantics. Scroll collapse must never make keyboard focus disappear; reduced motion removes travel and mobile simplifies the surface. Shared scroll/pointer sources keep it cheap—do not add per-frame state.