Menu to Inner Page Animation with Image Grid Background

A layout with a menu and background image grid that animates to an inner content page.

By Manoela Ilic in Playground on
Demo Code

Today I have a little layout for you. The idea is to show a menu with a nice background grid of images and when choosing to explore a project, an animation happens where the images of the background grid fly away and an inner page shows.

This kind of layout is interesting for a photography portfolio or some other project presentation.

I hope you like this little layout and find it useful!

Manoela Ilic

Editor-in-Chief at Codrops. Designer, developer, and dreamer — sharing web inspiration with millions since 2009. Bringing together 20+ years of code, creativity, and community.

grid menu navigation page transition slideshow

Inline to Menu Link Animation

Shape Lens Blur Effect with SDFs and WebGL

Grid Flow Animation

Browse amazing websites

💎✨ Discover fresh gems in our handpicked exhibition of standout websites that caught our eye.