Vue.js Animations

This list will help you find the best Vue.js animation libraries.

Vue-typical
Vue-typical
🐡 Vue Animated typing in ~400 bytes of JavaScript.
Vue-digital-transform
Vue-digital-transform
A vue component for better digital transform animation
Vue-kinesis
Vue-kinesis
A set of components to create interactive animations
V-number
V-number
Animated number transition library for Vue.js
Vue-flipper
Vue-flipper
A component to flip children with a nice transition.
Vuenime
Vuenime
A flexible Vue wrapper for Animejs
Vue-page-transition
Vue-page-transition
Easy route / page transitions for Vue.js
Vue-svg-transition
Vue-svg-transition
Create 2-state, SVG-powered transitions
Vue-animate-scroll
Vue-animate-scroll
Super lightweight way to add CSS animations to elements as they scroll into view.
Vue-sequential-entrance
Vue-sequential-entrance
Plugin for creating elegant sequential animation entrances with a list of elements of your page. Zero effort. Simple and lightweight
FemtoTween
FemtoTween
A minimalistic (zero-dep, less than 1k) tweening library with first-class Vue support
Vue-slide-up-down-component
Vue-slide-up-down-component
It is a simple interface but realizes very flexible and powerful slide animation, for Vue!
Eagle.js
Eagle.js
Eagle.js is a web-based slideshow framework for Vue.js.
Vue-animejs
Vue-animejs
Simple anime.js directives for Vue.
Vue-slide-up-down
Vue-slide-up-down
Like jQuery's slideUp / slideDown, but for Vue!
VueTween
VueTween
Allows components to tween their properties.
Vue-smooth-reflow
Vue-smooth-reflow
Transition an elements reflow in response to data changes.
Vue-parent-change-transition
Vue-parent-change-transition
Enable a child components to animate when it changes the parent.
Vue-typed-js
Vue-typed-js
Typed.js integration to easily create typying animations.
Animated-number-vue
Animated-number-vue
Super easy way to animate numbers.
Vue-overdrive
Vue-overdrive
Super easy magic-move transitions for Vue apps 🎩
Vue2-transitions
Vue2-transitions
✨ Reusable Vue 2 transition components
Vue-mixin-tween
Vue-mixin-tween
Mixin factory that adds tweened values to component context for animations
V-animate-css
V-animate-css
The easiest to implement Vue 2 directive for Animate.css
Vueg
Vueg
Make vue-router have a transition effect / 为 webApp 提供转场特效的开源 Vue 插件
Vue-lottie
Vue-lottie
A Vue.js 2.x plugin to render after effects animations based on bodymovin
Animated-vue
Animated-vue
A Vue.js 2.x plugin to easily use Animate.css animations as transitions. As easy as <animated-tada>!
Vue2-animate
Vue2-animate
A Vue.js 2.0 port of Animate.css. For use with Vue's built-in transitions.