Best AngularJs Animation Directives Plugins

AngularMotion : Fancy CSS3 animations for AngularJS

AngularMotion : Fancy CSS3 animations for AngularJS

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

ng-knob : Angularjs Directive to Knob component

ng-knob : Angularjs Directive to Knob component

Angular.js directive to Knob component powered by d3.js (without jQuery).

Features:

  • very easy to implement
  • without jQuery dependencies
  • powered by d3.js
  • 2-way data binding
  • configurable minimum, maximum values and step
  • animated
  • configurable scale
  • touch, click and drag events implemented

3D Progress Button Styles With AngularJs

3D Progress Button Styles With AngularJs

AngularJS version of codrops progress buttons for the use with promises.

Angular Promise Buttons

Angular Promise Buttons

There are cool loading buttons out there for angular. Only thing which annoys me, is that you (most of the times) have to manually trigger their loading state via a boolean which leads to a bit of repetition, declaring those again and again. angular-promise-buttons exists to take away some of that, by handling the loading state directly by passing the promise. Saves you at least two lines of code every time.

Angular Scroll Watch : Scroll Animation Directive

Angular Scroll Watch : Scroll Animation Directive

Scroll-aware AngularJS with ease.

Features:

  • Pure AngularJS, no dependencies
  • style and class directives with scrolling locals
  • Supports multiple stages
  • Triggers scope digest only when needed
  • Of course it utilizes requestAnimationFrame

Simple Weather App with AngularJS

Simple Weather App with AngularJS

A simple experiment using AngularJS, the OpenWeatherMap API, and CSS3.

  • Gets weather via the OpenWeatherMap API using JSONP requests.
  • Uses browser built in geolocation to get coordinates.
  • CSS3 animations on colour change and location panel appearing.
  • Shows weather from a random city on page load and button.
  • Able to run on https even though OpenWeatherMap is http only by using a proxy

Poller service for AngularJS Applications

Poller service for AngularJS Applications

Lightweight AngularJS poller service which can be easily injected into controllers. It uses a timer and sends requests every few seconds to keep the client synced with the server. Angular Poller supports $resource, $http and Restangular.

PopEye : A simple modal library for AngularJS

PopEye : A simple modal library for AngularJS

A simple modal library for AngularJS applications.Most modal libraries for Angular are either frustratingly complicated or annoyingly dependent on a ton of external stuff. Popeye is simple, self-contained, and just “pops up” when you need it to.

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.