Best AngularJs Side Menu Directives Plugins

Ng-sidebar : Angular Sidebar Component

Ng-sidebar : Angular Sidebar Component

Ng-sidebar is an angular component to make navigational sidebar.

Component & Style Library for Angular2 : ngx-ui

Component & Style Library for Angular2 : ngx-ui

ngx-ui is a component and style library for Angular2+ projects. It takes hints from Google’s Material and Microsoft’s Neon projects to create a unique dark design style.

Sidebar directive for AngularJS

Sidebar directive AngularJS

Directive created to give agility in the construction of a simple sidebar.

Angular Aside Menu

Angular Aside Menu

Angular aside is an extension for angular-ui bootstrap to create off-canvas side menu.

AngularMotion : Fancy CSS3 animations for AngularJS

AngularMotion : Fancy CSS3 animations for AngularJS

AngularMotion is an animation starter-kit built for AngularJS 1.2.0+.

Angular Material Style SideNav Menu

Angular Material Style SideNav Menu

Simple component that reproduce the Angular Material Style SideNav Menu from their own website material.angularjs.org.

Native-like Menu Drawer For Angular App

Native-like Menu Drawer For Angular App

Native-like menu, pull-to-sync, action button, in-app-toast notification and burger menu icon implementation for angular mobile/desktop apps.

  • using hammer.js for better touch support.
  • fully animated burger menu icon
  • nice and smooth menu drawer (slide from left)
  • animated pull-to-refresh with callback
  • in-app-toast messages with true/false callback
  • three-dot-menu for secondary actions
  • animated action button

AngularMotion : Fancy CSS3 Animation for AngularJS

AngularMotion : Fancy CSS3 Animation for AngularJS

AngularMotion is an animation starter-kit built for AngularJS#^1.2.These animations are useful for animated modal box, offcanvas menu and tooltips.

Angular Hamburger Menu Toggle

Angular Hamburger Menu Toggle

Angular directive of Material Design morphing hamburger menu toggle.

Features:

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

eeh-navigation : AngularJS Menu Module

eeh-navigation : AngularJS Menu Module

The eeh-navigation AngularJS module provides a configurable, responsive navbar and sidebar directive. It also contains a companion menu item configuration service. The directives support navigation of UI-Router states, ng-click binding, and ng-href links.