Animating Hamburger Icons

Animating CSS-only hamburger menu icons
Alternatives To Animating Hamburger Icons
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
4 months ago90mitSwift
An ultra-light MacOS utility that helps hide menu bar icons
5 days ago86mpl-2.0Swift
Hide menu bar icons on macOS
25 days ago97apache-2.0Go
a cross platfrom Go library to place an icon and menu in the notification area
Material Menu2,47210634 years ago18September 13, 20168apache-2.0Java
Animations for Android L drawer, back, dismiss and check icons
Material Icon Lib2,249
4 years ago11otherJava
Library containing over 2000 material vector icons that can be easily used as Drawable or as a standalone View.
38 years ago2May 22, 20155mitObjective-C
A not bad gooey effects menu.
2 years ago192otherC#
Creates tiles for most Windows 8.1 and 10 start menu icons
5 days ago4gpl-3.0C#
fork of with windows 10 update
185 years ago6April 09, 20163apache-2.0Java
Tap Bar Menu
Hamburger React83030a month ago20April 05, 20224mitTypeScript
Animated hamburger menu icons for React.js weighs only 1.5 KB.
Alternatives To Animating Hamburger Icons
Select To Compare

Alternative Project Comparisons

Animating CSS-Only Hamburger Menu Icons

A collection of animating CSS-only hamburger menu icons. View demo here.

Usage - CSS or Sass

You can use as is and configure the CSS manually, or you can make use of the Sass file and the configuration block. Here's the config options:

$button-width: 96px;                    // The width of the button area
$button-height: 96px;                   // The height of the button area
$bar-thickness: 8px;                    // The thickness of the button bars
$button-pad: 18px;                      // The left/right padding between button area and bars.
$button-bar-space: 12px;                // The spacing between button bars
$button-transistion-duration: 0.3s;     // The transition duration


Licensed under the MIT license,

Copyright 2014, Call Me Nick

Live Demo

View the live demo here.

Popular Icon Projects
Popular Menu Projects
Popular User Interface Components Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.