Designer
CMS
Ecommerce
Interactions
Memberships
Editor
Logic
SEO
Hosting
Security
Overview
Libraries
Apps
Hire a Certified Partner
Templates
Made in Webflow
Learn
Community
Ebooks
Forum
Blog
Support
LoginContact Sales
Get started — it's free
Made in Webflow

WebDev For You - Interaction #145

WebDev For You's avatar
WebDev For You
Clone in Webflow319
site profile thumbnail
Open in Webflow
Open live site
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.
Open in Webflow
Open live site
grid
menuconcept
menu
animation
staggerreveal
interactions2
click

More sites by WebDev For You

See profile
WebDev For You - Interaction #150
353
1.7k
WebDev For You - Daily Interaction #8
286
1.4k
WebDev For You - Interaction #143
283
1.3k

Similar sites

author avatar
WebDev For You - Daily Interaction #82
36
314
WebDev For You
author avatar
WebDev For You - Daily Interaction #107
33
133
WebDev For You
author avatar
WebDev For You - Daily Interaction #117
36
285
WebDev For You
author avatar
WebDev For You - Daily Interaction #132
90
585
WebDev For You
author avatar
WebDev For You - Interaction #139
60
267
WebDev For You
author avatar
WebDev For You - Interaction #144
68
229
WebDev For You
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social