Hamburger menu buttons: all ten at once
Every button opens together, holds, closes together and holds, on its own pastel tile.
Skip to page content and links
Work
Hamburger Menu Button Animations
Ten animated hamburger menu buttons made as personal experiments between 2019 and 2021, from a shattering icon to robot arms and a rocket, seven of them as Lottie JSON.
Client: IVG Design
Personal experiments / Hamburger menu buttons / 2019–2021
Ten ways to open a menu.
My role: Motion design, Lottie animation
Delivered: Ten animated hamburger menu buttons, each an open-and-close animation; seven are Lottie JSON for the web, packaged together on this page
Tools: After Effects, Lottie/Bodymovin
What is in it
- Shatter (2019-10-20, Lottie)
- Koi Ying Yang (2019-04-07, Lottie)
- Isometric (2019-07-20, Lottie)
- Robot Arms (2019-08-20, Lottie)
- Space Flight (2019-06-15, Lottie)
- Section Symbol (2019-10-10, video)
- Raspberry (2019-05-03, video)
- Celtic Knots (Lottie)
- Hourglass (video)
- FUI (2021-08-22, Lottie)
The delivered experience
The video plays all ten buttons at once, each running its open-and-close animation. The Lottie files are on this page one by one and together in the package.
Project media
Hamburger shatter (Lottie)
30753-isometric-hamburger-button-animation
13617-robot-arms-hmb-button
HMB Rocker UFO
Hamburger menu button: rocket and UFO (Lottie from the 2020 motion reel)
Koi Ying Yang (Lottie)
Celtic Knots (Lottie)
FUI (Lottie)
Section Symbol (video)
Raspberry (video)
Hourglass (video)
Hamburger menu animations: Lottie package (zip)
Have a project in mind?
Explore motion design and interactive animation services, or get in touch about your project.