kandi background
Explore Kits

22 best JavaScript Angular Animation libraries in 2022

by sureshbabu Updated: Sep 1, 2021

Angular is a JavaScript animation library that works with CSS properties. The sturdy framework houses built-in directives to improve the functionality of the code. The ability to inject services as dependencies into components allows for good flexibility and reusability, making it a high performance animation library for SPA styled web application. The reason it is highly popular with developers is because of its modular code - similar to the functionality of JavaScript modules, any NgModule can import or export functionalities from other NgModules. It is based on MVC architecture that helps create fluid CSS animations. The latest versions of Angular animation libraries support cross-browser compatibility.

Here is a comprehensive list of the best open-source JavaScript libraries and frameworks built on Angular. With angular-dragdrop code components, introduce the drag and drop functionalities into your web applications. The package angular-ui-notification is a CSS3 based animation library, good for seamless transitions. The ng-lottie library is Angular based, and enables rendering after-effects in the web application. With angular-count-to code pack, animated countdowns or count-ups in your web application. Another useful library is the angular-scroll which enables animations for scrolling action in the app.

angular-dragdropby codef0rmer

JavaScript star image 1696 Version:v1.0.13

License: Permissive (MIT)

Implementing jQueryUI Drag and Drop functionality in AngularJS (with Animation) is easier than ever

Support
Quality
Security
License
Reuse

angular-dragdropby codef0rmer

JavaScript star image 1696 Version:v1.0.13 License: Permissive (MIT)

Implementing jQueryUI Drag and Drop functionality in AngularJS (with Animation) is easier than ever
Support
Quality
Security
License
Reuse

angular-scrollby oblador

JavaScript star image 1506 Version:v1.0.2

License: Permissive (MIT)

Scrollspy, animated scrollTo and scroll events for angular.js

Support
Quality
Security
License
Reuse

angular-scrollby oblador

JavaScript star image 1506 Version:v1.0.2 License: Permissive (MIT)

Scrollspy, animated scrollTo and scroll events for angular.js
Support
Quality
Security
License
Reuse

angular-ui-notificationby alexcrack

JavaScript star image 548 Version:v0.3.6

License: Permissive (MIT)

Angular.js service providing simple notifications using Bootstrap 3 styles with css transitions for animating

Support
Quality
Security
License
Reuse

angular-ui-notificationby alexcrack

JavaScript star image 548 Version:v0.3.6 License: Permissive (MIT)

Angular.js service providing simple notifications using Bootstrap 3 styles with css transitions for animating
Support
Quality
Security
License
Reuse

ng-lottieby chenqingspring

JavaScript star image 324 Version:Current

License: Permissive (MIT)

Render After Effects animations on Angular based on lottie-web

Support
Quality
Security
License
Reuse

ng-lottieby chenqingspring

JavaScript star image 324 Version:Current License: Permissive (MIT)

Render After Effects animations on Angular based on lottie-web
Support
Quality
Security
License
Reuse

angular-count-toby sparkalow

JavaScript star image 151 Version:Current

License: Permissive (MIT)

Angular directive to animate counting to a number

Support
Quality
Security
License
Reuse

angular-count-toby sparkalow

JavaScript star image 151 Version:Current License: Permissive (MIT)

Angular directive to animate counting to a number
Support
Quality
Security
License
Reuse

ng-bs-animated-buttonby jeremypeters

JavaScript star image 147 Version:v2.0.4

License: Permissive (MIT)

Angular/Bootstrap animated submit button directive

Support
Quality
Security
License
Reuse

ng-bs-animated-buttonby jeremypeters

JavaScript star image 147 Version:v2.0.4 License: Permissive (MIT)

Angular/Bootstrap animated submit button directive
Support
Quality
Security
License
Reuse

bower-angular-animateby angular

JavaScript star image 137 Version:Current

License: Permissive (MIT)

Bower package for the AngularJS animation module

Support
Quality
Security
License
Reuse

bower-angular-animateby angular

JavaScript star image 137 Version:Current License: Permissive (MIT)

Bower package for the AngularJS animation module
Support
Quality
Security
License
Reuse

angular-scroll-animateby rpocklin

JavaScript star image 96 Version:Current

License: Others (Non-SPDX)

An Angular.js directive which allows you to perform any javascript actions (in the controller, or on the element) when an element is scrolled into, or out of, the users viewport, without any other dependencies.

Support
Quality
Security
License
Reuse

angular-scroll-animateby rpocklin

JavaScript star image 96 Version:Current License: Others (Non-SPDX)

An Angular.js directive which allows you to perform any javascript actions (in the controller, or on the element) when an element is scrolled into, or out of, the users viewport, without any other dependencies.
Support
Quality
Security
License
Reuse

angular-photo-sliderby simpulton

JavaScript star image 94 Version:Current

License: No License (null)

An AngularJS photo slider built using AngularJS animate and Greensock.

Support
Quality
Security
License
Reuse

angular-photo-sliderby simpulton

JavaScript star image 94 Version:Current License: No License

An AngularJS photo slider built using AngularJS animate and Greensock.
Support
Quality
Security
License
Reuse

ngx-scrollrevealby tinesoft

JavaScript star image 91 Version:v3.0.0

License: Permissive (MIT)

Angular directives for ScrollReveal : a JavaScript library for easily animating elements as they enter/leave the viewport.

Support
Quality
Security
License
Reuse

ngx-scrollrevealby tinesoft

JavaScript star image 91 Version:v3.0.0 License: Permissive (MIT)

Angular directives for ScrollReveal : a JavaScript library for easily animating elements as they enter/leave the viewport.
Support
Quality
Security
License
Reuse

angular-gsapify-routerby homerjam

JavaScript star image 85 Version:0.0.23

License: Permissive (MIT)

Angular UI-Router animation directive allowing configuration of GSAP state transitions based on priority

Support
Quality
Security
License
Reuse

angular-gsapify-routerby homerjam

JavaScript star image 85 Version:0.0.23 License: Permissive (MIT)

Angular UI-Router animation directive allowing configuration of GSAP state transitions based on priority
Support
Quality
Security
License
Reuse

angular-flippyby zwacky

JavaScript star image 72 Version:v2.1.1

License: Permissive (MIT)

AngularJS directive implementation with a CSS3 flip animation

Support
Quality
Security
License
Reuse

angular-flippyby zwacky

JavaScript star image 72 Version:v2.1.1 License: Permissive (MIT)

AngularJS directive implementation with a CSS3 flip animation
Support
Quality
Security
License
Reuse

kanji-web-appby kanjialive

JavaScript star image 34 Version:Current

License: Permissive (Apache-2.0)

Angular.js kanji web application

Support
Quality
Security
License
Reuse

kanji-web-appby kanjialive

JavaScript star image 34 Version:Current License: Permissive (Apache-2.0)

Angular.js kanji web application
Support
Quality
Security
License
Reuse

ngx-wowby tinesoft

JavaScript star image 32 Version:v2.0.1

License: Permissive (MIT)

Angular module for WOW.js: a customizable library to reveal animations when you scroll.

Support
Quality
Security
License
Reuse

ngx-wowby tinesoft

JavaScript star image 32 Version:v2.0.1 License: Permissive (MIT)

Angular module for WOW.js: a customizable library to reveal animations when you scroll.
Support
Quality
Security
License
Reuse

angular-skyconsby projectweekend

JavaScript star image 23 Version:2.0.2

License: Permissive (MIT)

An AngularJS directive for Forecast.io animated skycons

Support
Quality
Security
License
Reuse

angular-skyconsby projectweekend

JavaScript star image 23 Version:2.0.2 License: Permissive (MIT)

An AngularJS directive for Forecast.io animated skycons
Support
Quality
Security
License
Reuse

angular-radial-color-pickerby talamaska

JavaScript star image 20 Version:3.0.1

License: Permissive (MIT)

Material design(ish) color picker with some animations sprinkled on top

Support
Quality
Security
License
Reuse

angular-radial-color-pickerby talamaska

JavaScript star image 20 Version:3.0.1 License: Permissive (MIT)

Material design(ish) color picker with some animations sprinkled on top
Support
Quality
Security
License
Reuse

ngx-animated-gradientby AnthonyNahas

JavaScript star image 16 Version:v1.1.0

License: Permissive (MIT)

Angular Directive that animates the gradient background

Support
Quality
Security
License
Reuse

ngx-animated-gradientby AnthonyNahas

JavaScript star image 16 Version:v1.1.0 License: Permissive (MIT)

Angular Directive that animates the gradient background
Support
Quality
Security
License
Reuse

angular-cardflowby konsumer

JavaScript star image 16 Version:Current

License: No License (null)

An angular ngRepeat-based coverflow for a bunch of cards that uses CSS3 animations efficiently

Support
Quality
Security
License
Reuse

angular-cardflowby konsumer

JavaScript star image 16 Version:Current License: No License

An angular ngRepeat-based coverflow for a bunch of cards that uses CSS3 animations efficiently
Support
Quality
Security
License
Reuse

angular-animate-changeby bendrucker

JavaScript star image 15 Version:Current

License: Permissive (MIT)

Animate an element when a value changes

Support
Quality
Security
License
Reuse

angular-animate-changeby bendrucker

JavaScript star image 15 Version:Current License: Permissive (MIT)

Animate an element when a value changes
Support
Quality
Security
License
Reuse

angular-simple-sliderby ruyadorno

JavaScript star image 15 Version:Current

License: No License (null)

An AngularJS directive providing a simple slider functionality

Support
Quality
Security
License
Reuse

angular-simple-sliderby ruyadorno

JavaScript star image 15 Version:Current License: No License

An AngularJS directive providing a simple slider functionality
Support
Quality
Security
License
Reuse

angular-3d-carouselby persianturtle

JavaScript star image 15 Version:Current

License: Permissive (MIT)

An angular.js directive for a customizable, interactive 3D carousel.

Support
Quality
Security
License
Reuse

angular-3d-carouselby persianturtle

JavaScript star image 15 Version:Current License: Permissive (MIT)

An angular.js directive for a customizable, interactive 3D carousel.
Support
Quality
Security
License
Reuse

ng-rippleby exodusanto

JavaScript star image 12 Version:Current

License: No License (null)

Material ripple effects for AngularJs

Support
Quality
Security
License
Reuse

ng-rippleby exodusanto

JavaScript star image 12 Version:Current License: No License

Material ripple effects for AngularJs
Support
Quality
Security
License
Reuse

See similar Kits and Libraries

JavaScript
  • © 2022 Open Weaver Inc.