Angular Animation Components & Directives

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

Floating Text Background Animation In Angular

An Angular directive to create a floating text background animation in app.

November 2, 2020 Animation

Animated Gradient Background For Angular

Angular 2+ directive that animates the gradient background.

March 20, 2019 Animation

Typing Animation In Angular – ngx-typed-text

ngx-typed-text is an Angular directive to reproduce typing animation.

February 19, 2019 Animation

Animation Utility Library for Angular

Angular Animations utility library is a collection of reusable and parametrized animations build for Angular 4+ that can be used in a declarative manner.

November 21, 2018 Animation

Particle Button For Angualr 6+

Superb particle effect buttons for Angular 6.

October 19, 2018 Animation

Basic Flip Component For Angular

A simple and plug-and-play flip animation component for Angular 6+ app.

September 21, 2018 Animation

Easy Animations For Angular – ngx-animations

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

April 17, 2018 Animation

Typing Animation Directive For Angular 4+

An Angular 4+ directive to implement the typing animation on the web app.

March 1, 2018 Animation, Text

Angular Module For WOW.js – ngx-wow

This is an Angular module for the famous WOW.js library, which provides awesome reveal animations when you scroll.

December 27, 2017 Animation

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

November 20, 2017 Animation

A Collection Of Cool Animations For Angular 4+ – ng-animate

ng-animate is a collection of cool, reusable and flexible animations for Angular 4+.

September 27, 2017 Animation

Parallax Directive For Angular 2+

Makes it easier to implement the parallax scrolling effect on your Angular 2+ applications.

September 19, 2017 Animation

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:

July 5, 2017 Animation