navigationMenus
Expanding pill menu
The hamburger icon sits inside a square glass pill that WIDENS in place when tapped (from 48px to 290px with an expo ease), revealing the links inside, while the icon morphs into an X and, on mobile, the logo collapses to make room.
See it live and copy its promptWhat you can adjust
- Open width
- Expansion duration
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
