navigationMenus
Direction-aware navbar
A transparent three-column header that transforms into a floating white blurred pill when scrolling DOWN (inverting the colors of the logo, links and CTA) and hides completely when scrolling UP, comparing scrollY against the previous frame.
See it live and copy its promptWhat you can adjust
- Morph duration
- Pill radius
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.
