Best AngularJs Animation Directives Plugins

Ladda Angular : Angularjs directive for Loading Indicators Button

Ladda Angular : Angularjs directive for Loading Indicators Button

Ladda Angular is an angularjs directive for loading indicators ladda buttons.

Angular Counter : AngularJS directive to Animate Number

Angular Counter : AngularJS directive to Animate Number

Angular Counter is a directive to animate number increment/decrement.

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.

Progress Indicator using Angular JS

Progress Indicator using Angular JS

AngularJS directive to render a circular SVG based progress indicator using d3.svg.

Angular Scroll Animate

Angular Scroll Animate

An Angular.js directive which allows you to perform any javascript actions (in the controller, or on the element) when an element is scrolled into or out of, the users viewport, without requiring any other dependencies.

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.

ngFx : Beautiful Animation Library for Angular

ngFx : Beautiful Animation Library for Angular

A simple way to add beautiful animations to your angular apps. Animations based off animate.css. All animations are built in JavaScript.

ng-Fx does not rely on CSS for animations. This allows it to be dynamic and able to adjust on the fly. The only predefined CSS classes are the animations and the easings.

Animated Angular Counter

Animated Angular Counter

Angular Counter is a directive to animate number increment/decrement.

Angular Animated Notification Icons

Angular Animated Notification Icons

Angular-notification-icons is an angular directive that adds a notification popup on top of any element. The counter is tied to a scope variable and updating the count is as easy as updating the scope variable. angular-notification-icons comes with a number of canned animations and a default style, but it is easy to add your own styles or custom animations. angular-notification-icons can also optionally listen for DOM events and clear the count on a DOM event.

Scroll-triggered Animation In AngularJS

Scroll-triggered Animation In AngularJS

This was originally created as a proof of concept for scroll triggered animations structured with views and templates in AngularJS.