Sticky Blur Navbar

NavigationLive Preview

Navbar that gains backdrop blur and a bottom border as the page scrolls.

Customize Preview

Select options to update the live preview, or edit the prompt directly below.

Style

Blur Amount

Transition

Your Prompt

abcclick to edit

Create a sticky navbar in minimal style that adds medium 16px backdrop blur on scroll with a smooth 0.3s fade transition. The navbar should start transparent and progressively add blur and a subtle bottom border as the user scrolls down.