Watch the navbar elements choreograph inward as you scroll. They converge into a compact island with a satisfying magnetic snap.
Notice the magnetic snap effect - there's a slight overshoot and bounce as the navbar settles into its island form. This creates a satisfying, physical feel.
Elements slide inward with staggered timing
Overshoot and snap for physical feel
Premium, choreographed design
The navbar is now in its compact form. Logo shrinks slightly, nav items compress together, CTA fits snugly. Everything has its place.
Scroll back to the top slowly and watch the elements spread back out. The choreography works in both directions!
Back to OptionsScroll back up to see the navbar spread out