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

angular-dragdrop
angular-dragdrop

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

GitHub Website + Demo

2. ngAnimate Animate.css by Yearofmoo

ngAnimate-animate-css
ngAnimate-animate-css

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

GitHub

3. ngbs Animated Button by Jeremy Peters

ng-bs-animated-button
ng-bs-animated-button

Angular/Bootstrap animated submit button directive

GitHubDemo

4. Bower Angular Animate by Angular

bower-angular-animate
bower-angular-animate

Bower package for the AngularJS animation module

GitHub

5. AC Fancy Input by AlexCppns

ac-fancy-input
ac-fancy-input

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.

Sam is a passionate web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and reading.

2 thoughts on “Top 5 Animations AngularJS Modules

Leave a Reply

Your email address will not be published. Required fields are marked *