Angular Animation Components & Directives

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

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

NativeScript Angular2 parallax View Component

NativeScript Angular 2 Component for parallax scroll effects.

June 26, 2017 Animation

Angular Drag Bounce Component

Angular on screen containers that are draggable and bounce off each other and the screen’s edges.

June 3, 2017 Animation, Drag & Drop

A Generative Art Experiment In Angular 2 – metabubbles

A generative art experiment with Angular 2+.

May 12, 2017 Animation

Create Animated Particles In AngularJS

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

April 13, 2017 Animation

Angular Module For CSS3 Text Animations – ng-teximate

A simple module for CSS3 text animations that creates (lines, words and letters) elements from a text and then animates them using animate.css.

April 3, 2017 Animation

Easy Scroll Animations Library For Angular

Angular 2+ directives for ScrollReveal JS : easy scroll animations library for mobile and web browsers.

March 17, 2017 Animation

Angular Scroll Animations Library – ngScrollReveal

Angular implementation of the famous animation library scrollReveal.js.

February 12, 2017 Animation

Angular 2 Directives for ScrollReveal JS

Angular 2 directives for ScrollReveal JS: easy scroll animations library for mobile and web browsers.

December 5, 2016 Animation, Scroll

Easy-to-use Typewrite Directive For Angular

This is just a graphical effect of someone typing sentences on your page.

October 6, 2016 Animation, Text

Material Ripple Effects For AngularJs

Material ripple effects directive for AngularJS, Inspired by Angular Material Design.

July 25, 2016 Animation

AngularJS Typed Effect Directive

This easy-to-use directive applies a (customisable) typed effect to text within an HTML element.

June 23, 2016 Animation, Text