Liquid Navbar
A real small landing-page navigation with a measured, spring active surface.
Navigation
Navigation, Heroes, ambient backgrounds, page transitions and spatial interfaces—built from Pinky's shared motion, pointer, scroll and morph systems.
Browse all · 17 navigation experiences
Live studies stay above. This compact catalogue keeps the full family visible, with canonical patterns first and quieter variations kept in context.
name / relationship / detail
17 entries
An anchored navigation panel that reveals from its trigger edge while keeping the destination list compact.
A header that reduces its vertical footprint after deliberate scroll while remaining present and readable.
A project index whose links reveal contextual preview media on hover or focus.
A narrow edge rail that gives icons room to become labels when the user focuses or approaches it.
A typography-led numbered index with a traveling rule that keeps the current destination legible.
A mobile-first bottom navigation where the selected destination opens into a labelled action without changing the rail footprint.
A compact elevated navigation island with optional proximity and scroll collapse.
A destination row where the engaged item opens enough room for its context while neighbours yield space.
A layered menu where the base index stays present behind a context layer, preserving spatial relationship during selection.
A semantic navbar with a softly stretching spring active surface.
A compact trigger that expands into a spatially continuous menu surface.
A primary navigation surface that grows into its own contextual index instead of dropping a detached mega menu.
A compact navigation strip whose active destination gains real width and makes adjacent destinations move around it.
A docked vertical table of contents whose indicator bar tracks whichever heading is currently in the reading window.
A local section index whose active indicator follows the content currently entering the reading window.
A stable open menu surface whose internal group content slides directionally as the user browses.
A two-pane menu that gives one focused navigation group a contextual preview and clear next destinations.