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.