Animated navigation and menu examples

A centered nav with a charcoal pill that glides under the hovered link via shared layout, returning to the active page when you leave.

A hamburger that morphs into a cross and unrolls a full-bleed terracotta menu with giant staggered links rising through masks.

A bottom app dock whose icons swell based on cursor distance, with labels that pop above — flat paper icons, no gloss.

A header that tucks away when you scroll down, slides back on the slightest scroll up, and shows a reading-progress hairline.

A luxury full-screen menu in black and champagne: Bodoni links rise slowly through masks and a hairline follows the hovered item.

A strict red-black-white Swiss navigation: giant numerals on a modular grid, a red bar that snaps between columns.

A navigation bar for Open Door with an accent underline that slides between links via shared layout, plus a CTA that squishes on press.

A navigation bar for Hill 412 with an accent underline that slides between links via shared layout, plus a CTA that squishes on press.

A navigation bar for Haddad Arch. with an accent underline that slides between links via shared layout, plus a CTA that squishes on press.

A navigation bar for Crumb & Co. with an accent underline that slides between links via shared layout, plus a CTA that squishes on press.