navigationMenus
Progressive blur navbar
A dropdown menu whose backdrop is not a flat veil but a blur gradient built from several overlapping backdrop-filter layers, each clipped to its own band with mask-image, so the blur grows smoothly toward the panel edge instead of cutting off hard.
See it live and copy its promptWhat you can adjust
- Blur layers
- Max blur
- Blurred area height
- Overlay color
- Opening 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.
