Skip to content
Material Design morphing hamburger menu toggle for Angular JS.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist merge Apr 19, 2015
src merge Apr 19, 2015
test initial commit Apr 3, 2015
.gitattributes initial commit Apr 3, 2015
.gitignore dist files added Apr 3, 2015
.jshintrc initial commit Apr 3, 2015 copy task fix Apr 3, 2015
LICENSE Initial commit Apr 3, 2015 docs updated Apr 19, 2015
bower.json version bump 0.2.0 ⬆️ Apr 19, 2015
index.html ads added to demo May 6, 2015

Angular Hamburger Toggle

Angular directive of Material Design morphing hamburger menu toggle. It's based off of Material Design Hamburger.



  • Two way bound state model.
  • Tuned for Bootstrap.
  • Super easy.



 $ bower install angular-hamburger-toggle --save


  • Add dependency
  angular.module('myApp', ['ngHamburger']);
  • Use directive
  <hamburger-toggle state="stateModel"></hamburger-toggle>

state attribute is for two way bound model that will be toggled. Initially can be true, false or undefined.

##Credits Material Design Hamburger

##Author İsmail Demirbilek - @dbtek

You can’t perform that action at this time.