The Blog

Webflow news, tutorials and tricks

Cloneable Webflow Resources: Animated Hamburger Menu

Looking for a great animated hamburger menu for your next Webflow project? In this blog post I point you in the direction of a great collection of pre-made menus that you can clone and use for your own projects.

Estimated reading time:
2 minutes

In this brand-new mini series I introduce you to some of my favourite and/or newly found Webflow resources. As you might be aware there are plenty of great, cloneable sites and components available on the Webflow showcase and you can even search for a particular resource via the searchable showcase. These cloneable projects are great for dissecting a particular project or feature or to simply copy certain elements you want to use on your own site. Especially in urgent client projects some of these pre-made components can come in really handy. Each blog post in this series is dedicated to a particular resource that I found especially useful and that I have taken advantage of recently - either in client or personal Webflow projects.

The real hamburger menu

So, quite recently I needed a great looking, animated hamburger menu for an urgent project and came across a great collection made by Webflow's own Waldo. The Webflow crew member has built 12 different hamburger menus that animate nicely when the user clicks the icon. From simply three-line icons to an actual hamburger as an icon there's a great variety of styles to chose from. The project can of course be cloned and each icon can simply be copied into your own project via copy and paste. Too easy! Be sure to check out this fabulous project and keep it ready for future reference or when you need a flash menu button quickly.

Waldo's Hamburger Menus

Bonus: Waldo has written a neat tutorial post on the Webflow blog on how to best create such hamburger menus yourself!

This might also interest you...

My journey of becoming a Webflow website designer

Want to know how I got started and became a Webflow designer? Then, listen up! You'll find a brief rundown of how I got to where I am now, as I haven't only switched continents but also moved from print to web/digital design...

Read more...

New Webflow Meetup Group in Perth, Australia

Are you based in Perth, Australia? Great - I've just established the city's first Webflow Meetup Group. Check out this post for all the details and for some more info on how to start a meetup group in your own hometown.

Read more...

Matterport: What it is and how you can integrate it into your next Webflow project

Ever heard of Matterport? The service allows you to place virtual walkthroughs on your client's website. This could be especially useful for real estate agents and tourism businesses. Let me show you how to easily integrate this feature into your next Webflow project.

Read more...