A humburger menu is most popular UI element on almost all modern websites. Since it’s first appearance in the official Facebook app, it looks like the hamburger, or mobile icon, is about to claim the title of King of Menus and Ruler of Responsive and Mobile Design Patterns. So if you are looking for new ways to animate those three lines in to a neat X, check out this post.

Incoded Animated Menu Component

Hamburger Menu (with cheese)

The ultimate hamburger menu

Atomic Hamburger Menu CSS

Menu toggle svg animation

Star Wars Toggle Icon Animation

Animated Burger/Menu Icon

Material Design Menu

Drawn Hamburger Transition

Animating CSS-Only Hamburger Menu Icons

The minimal hamburger menu with fullscreen navigation

Frosty Nav Toggle Effect

Hamburger icon with Morphing Menu

Hamburger Menu to Book Menu

Gooey Menu

The Hamburger Menu

Pure CSS Fullscreen Navigation Menu

Pure CSS off-canvas menu with flexbox

Jumping Hamburger Menu Icon

Open Close

Hamburger Icon CSS3 ONLY Animation

Menu Toggle button with flat menu