Shapeshift Navbar

Shapeshift Navbar starts as a classic full-width header and morphs into a floating, blurred pill the moment visitors scroll. It ships with a spring-animated mega menu, an animated mobile drawer and optional hide-on-scroll, all driven from the properties panel with no code.

Pill morph: set the scroll threshold, pill width, top offset, blur and shadow. Mega menu: two dropdown panels with icons, titles and descriptions, plus a sliding hover highlight. Mobile: an animated burger opens a full drawer below your breakpoint. Auto-hide: optionally tuck the bar away on scroll down and bring it back on scroll up. Style: logo text or image, links, CTA button, fonts, colors and radius. Respects reduced motion and stays static on the canvas so it is easy to edit.