Updated: Sep 1, 2021
Guide Kit 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
1676 Version:v1.0.13Implementing jQueryUI Drag and Drop functionality in AngularJS (with Animation) is easier than ever
angular-dragdropby codef0rmer
JavaScript 1676 Version:v1.0.13 License: Permissive (MIT)
angular-scrollby oblador
1493 Version:v1.0.2Scrollspy, animated scrollTo and scroll events for angular.js
angular-scrollby oblador
JavaScript 1493 Version:v1.0.2 License: Permissive (MIT)
angular-ui-notificationby alexcrack
548 Version:v0.3.6Angular.js service providing simple notifications using Bootstrap 3 styles with css transitions for animating
angular-ui-notificationby alexcrack
JavaScript 548 Version:v0.3.6 License: Permissive (MIT)
ng-lottieby chenqingspring
324 Version:CurrentRender After Effects animations on Angular based on lottie-web
ng-lottieby chenqingspring
JavaScript 324 Version:Current License: Permissive (MIT)
angular-count-toby sparkalow
151 Version:CurrentAngular directive to animate counting to a number
angular-count-toby sparkalow
JavaScript 151 Version:Current License: Permissive (MIT)
ng-bs-animated-buttonby jeremypeters
147 Version:v2.0.4Angular/Bootstrap animated submit button directive
ng-bs-animated-buttonby jeremypeters
JavaScript 147 Version:v2.0.4 License: Permissive (MIT)
bower-angular-animateby angular
137 Version:CurrentBower package for the AngularJS animation module
bower-angular-animateby angular
JavaScript 137 Version:Current License: Permissive (MIT)
angular-scroll-animateby rpocklin
96 Version:CurrentAn 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.
angular-scroll-animateby rpocklin
JavaScript 96 Version:Current License: Others (Non-SPDX)
angular-photo-sliderby simpulton
94 Version:Current
License: No License (null)An AngularJS photo slider built using AngularJS animate and Greensock.
angular-photo-sliderby simpulton
JavaScript 94 Version:Current License: No License
ngx-scrollrevealby tinesoft
91 Version:v3.0.0Angular directives for ScrollReveal : a JavaScript library for easily animating elements as they enter/leave the viewport.
ngx-scrollrevealby tinesoft
JavaScript 91 Version:v3.0.0 License: Permissive (MIT)
angular-gsapify-routerby homerjam
85 Version:0.0.23Angular UI-Router animation directive allowing configuration of GSAP state transitions based on priority
angular-gsapify-routerby homerjam
JavaScript 85 Version:0.0.23 License: Permissive (MIT)
angular-flippyby zwacky
72 Version:v2.1.1AngularJS directive implementation with a CSS3 flip animation
angular-flippyby zwacky
JavaScript 72 Version:v2.1.1 License: Permissive (MIT)
kanji-web-appby kanjialive
53 Version:CurrentAngular.js kanji web application
kanji-web-appby kanjialive
JavaScript 53 Version:Current License: Permissive (Apache-2.0)
ngx-wowby tinesoft
32 Version:v2.0.1Angular module for WOW.js: a customizable library to reveal animations when you scroll.
ngx-wowby tinesoft
JavaScript 32 Version:v2.0.1 License: Permissive (MIT)
angular-skyconsby projectweekend
23 Version:2.0.2An AngularJS directive for Forecast.io animated skycons
angular-skyconsby projectweekend
JavaScript 23 Version:2.0.2 License: Permissive (MIT)
angular-radial-color-pickerby talamaska
20 Version:3.0.1Material design(ish) color picker with some animations sprinkled on top
angular-radial-color-pickerby talamaska
JavaScript 20 Version:3.0.1 License: Permissive (MIT)
ngx-animated-gradientby AnthonyNahas
16 Version:v1.1.0Angular Directive that animates the gradient background
ngx-animated-gradientby AnthonyNahas
JavaScript 16 Version:v1.1.0 License: Permissive (MIT)
angular-cardflowby konsumer
16 Version:Current License: No License (null)An angular ngRepeat-based coverflow for a bunch of cards that uses CSS3 animations efficiently
angular-cardflowby konsumer
JavaScript 16 Version:Current License: No License
angular-animate-changeby bendrucker
15 Version:CurrentAnimate an element when a value changes
angular-animate-changeby bendrucker
JavaScript 15 Version:Current License: Permissive (MIT)
angular-simple-sliderby ruyadorno
15 Version:Current License: No License (null)An AngularJS directive providing a simple slider functionality
angular-simple-sliderby ruyadorno
JavaScript 15 Version:Current License: No License
angular-3d-carouselby persianturtle
15 Version:CurrentAn angular.js directive for a customizable, interactive 3D carousel.
angular-3d-carouselby persianturtle
JavaScript 15 Version:Current License: Permissive (MIT)