Updated: Sep 1, 2021
Guide Kit Reduce an application's time-to-content waits with Vue.js animation libraries that run on server-side rendering, helping developers to craft a better user interface. The library for vue.js components contains a framework that is lighter and more compact as compared to other animation JavaScript libraries, like React, Ember, and Angular. Even for its ~21KB size, Vue.js packs a powerful framework that allows simple integration into any other JavaScript-based program. Open source Vue animation libraries run on MVVM architecture, allowing developers to isolate UI from application logic which, in turn, provides for more efficient maintenance and evolution. Vue animation libraries are particularly popular with developers owing to their custom directives that enable some level of tweaking to the DOM, unlike React, which doesn't have this functionality.
Below are listed some of the top-ranking Vue.js animation libraries developers can readily integrate into their code. The Vue-slicksort code package comes equipped with mixins to seamlessly integrate list animation with developer codes. Another top-ranker is the Vue-konva, which carries code to insert complex graphics into UI. It also allows for the creation of custom shapes. The Vue-animated-list library is a great choice for animating lists rendered with the v-for directive.
tsparticlesby matteobruni
5486 Version:tsparticles@2.8.0tsParticles - Easily create highly customizable JavaScript particles effects, confetti explosions and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components.
tsparticlesby matteobruni
TypeScript 5486 Version:tsparticles@2.8.0 License: Permissive (MIT)
vue-slicksortby Jexordexan
1345 Version:CurrentA set of vue mixins to turn any list into an animated, touch-friendly, sortable list ✌️
vue-slicksortby Jexordexan
TypeScript 1345 Version:Current License: Others (Non-SPDX)
vue-konvaby konvajs
970 Version:v2.0.0Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.
vue-konvaby konvajs
TypeScript 970 Version:v2.0.0 License: Permissive (MIT)
vue-animated-listby vuejs
461 Version:CurrentA Vue.js plugin for easily animating `v-for` rendered lists.
vue-animated-listby vuejs
JavaScript 461 Version:Current License: Permissive (MIT)
vue-stripe-menuby Alexeykhr
306 Version:v2.0.0Creating a navigation menu with animations like on Stripe
vue-stripe-menuby Alexeykhr
JavaScript 306 Version:v2.0.0 License: Permissive (MIT)
vue-typed-jsby Orlandster
375 Version:0.2.0Typed.js integration for vue.js. Create a typing animation.
vue-typed-jsby Orlandster
JavaScript 375 Version:0.2.0 License: Permissive (MIT)
animated-vueby radical-dreamers
222 Version:v0.4.0A plugin to use animate.css animations as Vue2 transitions
animated-vueby radical-dreamers
JavaScript 222 Version:v0.4.0 License: Permissive (MIT)
vue-ellipse-progressby setaman
196 Version:v2.1.0A Vue.js component to create beautiful animated circular progress bars
vue-ellipse-progressby setaman
JavaScript 196 Version:v2.1.0 License: Permissive (MIT)
vue-animeby BenAHammond
164 Version:CurrentA Vue plugin for adding Anime bindings to Vue components
vue-animeby BenAHammond
JavaScript 164 Version:Current License: Permissive (MIT)
vue-prlxby gerasimvol
167 Version:Current🔮 Vue.js parallax directive you were looking for (can animate translate & background-position)
vue-prlxby gerasimvol
JavaScript 167 Version:Current License: Permissive (MIT)
vue-loadersby Hokid
160 Version:v4.1.2Vue + loaders.css
vue-graphby juijs
117 Version:v0.8.7
License: No License (null)⚡️ Vue components based on the JUI chart available in Vue.js
vue-graphby juijs
JavaScript 117 Version:v0.8.7 License: No License
vue-route-transitionby dreamback
96 Version:Currentvue-router 路由动画 vue router transition animate slide
vue-route-transitionby dreamback
JavaScript 96 Version:Current License: Permissive (MIT)
v-odometerby JefferyHus
92 Version:CurrentOdometer VueJS component
v-odometerby JefferyHus
JavaScript 92 Version:Current License: Permissive (MIT)
vue-piece-sliderby dreambo8563
91 Version:Currentanimated slides in a fragmented look 🐞🌳✡️📐
vue-piece-sliderby dreambo8563
JavaScript 91 Version:Current License: Permissive (MIT)
vue-sequential-entranceby deivthings
73 Version:CurrentVuejs Plugin for creating epic sequential animation entrances
vue-sequential-entranceby deivthings
JavaScript 73 Version:Current License: Permissive (MIT)
vue-progress-buttonby websmurf
71 Version:Current License: No License (null)Animated button for VueJS
vue-progress-buttonby websmurf
JavaScript 71 Version:Current License: No License
vue-transitionby Twiknight
52 Version:v0.1.3a component for Vue to handle CSS transitions and animations
vue-transitionby Twiknight
JavaScript 52 Version:v0.1.3 License: Permissive (MIT)
leapsby baianat
50 Version:Current License: No License (null)🎥 Declarative Vue.js animations library, spring-physics based.
leapsby baianat
JavaScript 50 Version:Current License: No License
vue-animate-scrollby mike-prince
46 Version:CurrentA small Vue component that provides an easy way to animate elements as they scroll into view.
vue-animate-scrollby mike-prince
JavaScript 46 Version:Current License: Permissive (MIT)