LoginGet started — it’s free
Made in Webflow

WebDev For You - Interaction #145

Clone in Webflow192
WebDev For You's avatar
by WebDev For You
site profile thumbnail


This demo showcases an 11x11 grid menu animation on click. The different blocks in the grid appear in a specific pattern and are staggered to create the effect. The staggered effect plays in the opposite direction when the menu closes. The menu items inside of the grid menu also have a micro-interaction applied.

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

More by WebDev For You

See profile
View details
WebDev For You - Daily Interaction #8
© 2022 Webflow, Inc. All rights reserved.