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