Best AngularJs Animation Directives Plugins

Angular Circle Countdown Directive

Angular Circle Countdown Directive

An AngularJS directive to render a stylish circular countdown clock in your application.

Angular Teximate : Module for CSS3 Text Animations

Angular Teximate : Module for CSS3 Text Animations

Angular Teximate is a simple module for CSS3 text animations.

Features:

  • Creates (lines, words and letters) elements from a text
  • Animates them using animate.css

Scrollspy : Animated Scroll events for Angular.js

Scrollspy : Animated Scroll events for Angular.js

Scrollspy is a animated scrollTo and scroll events for angular.js

Angular Fan Menu for web and mobile

Angular Fan Menu for web and mobile

Cuppa Angular Fan Menu is an angular 1 directive for cool menu componet for web and mobile, developed using angularJS, CSS3, HTML5.

Angular Scroll Animations Library : ngScrollReveal

Angular Scroll Animations Library : ngScrollReveal

Angular implementation of the famous animation library scrollReveal.js.

Angular 2 Directives for ScrollReveal JS

Angular 2 Directives for ScrollReveal JS

ng2-scrollreveal a angular directive for scrollreveal js is a great library that allows easy scroll animations for web and mobile browsers.

Angular Directive for Transformicons

Angular Directive for Transformicons

Angular directive to quickly include Transformicons in your templates.

Angular Directive for ScrollMagic

Angular Directive for ScrollMagic

An angular directive for ScrollMagic, define pins and tweens in markup.

NgTetris : AngularJS Tetris Game

NgTetris : AngularJS Tetris Game

This is the completed redesign version of my previous Tetris game. This version is built on top of AngularJS.

  • Colorful and beatiful UI
  • Ghost piece support
  • Able to do hard drop and either rotation direction
  • Five different levels of customable speed control
  • Let you design your own custom piece and auto saving configuration
  • Able to save your game in anytime
  • Able to restore your previous saved record
  • Responsive UI design for Desktop and mobile

AngularJS Animation DSL

AngularJS Animation DSL

Creation of animation DSL to build sophisticated UX transitions using animation timelines.The goal is the development of a next-generation Animation layer for AngularJS with functionality and power to easily develop complex, rich user experiences. A new Animation Timeline API and a easy-to-use DSL will be derived based on experiments and explorations of real-world animation design samples; samples with UX as those as demonstrated in Material Design and the Polymer Topeka Quiz application.