Top 5 Animations AngularJS Modules

Here is what we think are the Top Animations AngularJS Modules at the moment.

Sometimes we need some animations to liven up our AngularJS web apps. We now have a ridiculous number of JS animation libraries we can ultilize and the our hardest part might be trying to integrate them with AngularJS. There are some out of the box animation features provided with AngularJS as “AngularJS 1.3 provides animation hooks for common directives such as ngRepeat, ngSwitch, and ngView, as well as custom directives via the $animate service.”

To get started you might take a look at Brain Ford’s post on D3.js Visualization Library with AngularJS or his angular d3 demo. Or something more simple such as having an animation on your form submit buttons.

This post was last updated on: 25/6/2015. For an updated list see more Animations AngularJS Modules

1. Angular DragDrop by Codef0rmer

Implementing jQueryUI Drag and Drop functionality in AngularJS (with Animation) is easier than ever

GitHub Website + Demo

2. ngAnimate Animate.css by Yearofmoo

A driver module to make animate.css work with AngularJS 1.2

GitHub

3. ngbs Animated Button by Jeremy Peters

Angular/Bootstrap animated submit button directive

GitHubDemo

4. Bower Angular Animate by Angular

Bower package for the AngularJS animation module

GitHub

5. AC Fancy Input by AlexCppns

Fancy input module for angularJS. Out of the box support for animation.

GitHubDemo

Thank you for reading and if you would like to you can submit your Animations AngularJS Modules or leave a comment below.

Post tags: Animations, ngAnimate, animated text, animate, animation, placeholder animation.