Angular Animation Components & Directives

Latest Free Angular.js components, directives, and modules for awesome web animations.

Animate Elements In When They Enter The Viewport – ngx-animate-in

ngx-animate-in is a small Angular library to make it easy to animate elements in whenever they enter the viewport. Installation: # NPM $ npm install ngx-animate-in–save Usage: Import the module. import { BrowserModule } from ‘@angular/platform-browser’; import { NgModule } from ‘@angular/core’; import { AnimateInModule } from ‘../../src’; import { AppComponent } from ‘./app.component’; import { BrowserAnimationsModule } from ‘@angular/platform-browser/animations’; import { ProductListComponent } from ‘./product-list/product-list.component’; import { ProductComponent } from ‘./product-list/product/product.component’; @NgModule({ imports: , declarations: , providers: , bootstrap: }) export class AppModule { } Add the ‘animateIn’ to the

CSS Animator For Angular 2+

Animate elements using CSS classes with support for Angular2. This package was created out of the need for using CSS animations with a library like animate.css in Angular2 when there was no useful animation builder available yet. css-animator works with any JavaScript application and takes the pain out of applying CSS animations manually. It also takes care of positioning elements that are being animated, among other useful things. Installation: # Yarn yarn add css-animator # NPM $ npm install css-animator # Bower $ bower install css-animator Preview: