Discover the best overlap websites created by professional designers. Get inspired and start planning your perfect overlap web design today!

Stacking Slider

Overlapping CMS Slider

I created this effect to help someone out on the Webflow Discord, and I thought I'd make it cloneable in case anyone else wants to use it! I also decided to spice it up a little with some lovely animations from Lottieflow :)

The basic effect is achieved just by setting the header as fixed at a lower z-index than the (relative positioned) content below.

Overlapped Header Effect

Webflow University

Span manually-positioned content to overlap, and set the overlap order while keeping the layout accessible.

Open or clone this project and interact with the grid layout. Check out the video lesson here: https://wfl.io/2JvKZ8i

Discover overlap websites built by the Webflow community

Discover overlap websites built by the Webflow community