# Gooey Nav

> 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.

- Skill: `xpert-ai/gooey-nav` (Agent Skill, multi-file: 5 files)
- Install (CLI): `npx skillmds@latest add xpert-ai/gooey-nav`
- Raw SKILL.md: https://api.skillmd.com/api/skills/xpert-ai/gooey-nav/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Docs & Writing
- Author: xpert-ai (https://skillmd.com/u/xpert-ai)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/xpert-ai/gooey-nav

---

# 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>`.