Best AngularJs Animation Directives Plugins

Easy Animations For Angular : ngx-animations

Easy Animations For Angular : ngx-animations

ngx-animations is the quickest way to get started with Angular animations – without writing your own animations!

Specifically, this package specializes in animations that can be used when adding or removing items from a list.

NgxSpinner : A library for loading spinner for Angular

NgxSpinner : A library for loading spinner for Angular

NgxSpinner an animated loading spinner for Angular 5+ that is intended to inform the user that an operation is in progress.

Angular 2+ Masonry Grid Component

Angular 2+ Masonry Grid Component

Angular 2+ masonry grid component with CSS animations on scroll.

Ngx-WOW : Angular module for WOW.js

Ngx-WOW : Angular module for WOW.js

Angular module for WOW.js: a customizable library to reveal animations when you scroll.

Flippy : AngularJS CSS3 Flip Animation Directive

Flippy : AngularJS CSS3 Flip Animation Directive

AngularJS directive implementation with a CSS3 flip animation.

Ng-Animate : collection of Cool & flexible Animations for Angular

Ng-Animate : collection of Cool & flexible Animations for Angular

ng-animate is a collection of cool, reusable and flexible animations for Angular. It implements all the animations in animate.css, but with the power and flexibility of Angular animations instead of CSS.

ngx-trend : Simple, elegant Spark lines for Angular

ngx-trend : Simple, elegant Spark lines for Angular

Angular trend is a simple, elegant trend graphs for Angular.

Features:

  • Simple. Integrate in seconds.
  • Scalable. Uses SVG for sharp, scalable graphs. Will fill the parent container, or you can provide a fixed size.
  • Beautiful. Built-in gradient support, and customizable smoothing.
  • Animatable. Support for on-mount animations where the trend graph draws from left to right.
  • Tiny. Zero-dependency, gzips to <3kb

Angular2 Loading Spinner Component

Angular2 Loading Spinner Component

A fairly simple and customizable spinner for your angular 2/4 component.

Create Animated Particles In AngularJS

Create Animated Particles In AngularJS

Angular 1.x module used to render animated, customizable particles in the application.

Angular Animated Hamburger Menu Toggle

Angular Animated Hamburger Menu Toggle

Angular hamburger helper is a directive written in angular that provides a “hamburger” icon commonly used to denote a menu icon. In some application states if the menu is not available you will want this to be replaced with a back arrow.