gooey-nav

name	gooey-nav
description	A pill slides under the active nav item with a springy merge — a smooth segmented control. One per view. Under prefers-reduced-motion the pill jumps without easing.
triggers	["gooey nav","liquid tabs","果冻导航","液态标签"]
od	{"mode":"prototype","surface":"web","platform":"desktop","category":"animation-motion","preview":{"type":"html"},"design_system":{"requires":false}}

gooey-nav

Gooey Nav Dependency-free, reduced-motion safe.

How to apply

Copy css+js; <nav class="gnav"><span class="gn-pill"></span><button class="on">Home</button>…</nav>.