Angular Animations utility library is a set of reusable, specific animations for Angular 4.4.6+ that can be used in a declarative way. It performs all the animations from animate.css (and more). Works with both AOT and JIT suites.

angularanimations example, angular animations examples, angularanimations npm, angular list animation, angular animation transition, angular animation demo

5 Amazing CSS Animations Effects | Obnoxious.CSS

How to make use of it:

Installation:

npm i angular-animations --save

1. Make sure BrowserAnimationModule is imported into your angular app.

npm i @angular/[email protected] --save

2. Import BrowserAnimationsModule from @angular/platform-browser/animations in your root NgModule.

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...
    BrowserAnimationsModule
  ],
})
export class AppModule { }

Animation Utility Library for Angular Plugin/Github

See Demo And Download

Official Website(filipows): Click Here

This superior jQuery/javascript plugin is developed by filipows. For extra advanced usage, please go to the official website.