Vue.js Animations

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

Vue Sticker
Vue Sticker
Sticker Effect
Vue Spinners CSS
Vue Spinners CSS
Collection of Spinner Components
Vue Stripe Menu
Vue Stripe Menu
Animated Menu Component
Vue 3 Carousel
Vue 3 Carousel
Carousel Component
Swiper Vue
Swiper Vue
Mobile Slider Component
V-wave
V-wave
Material Ripple Directive
Vue3-lottie
Vue3-lottie
A component for importing and displaying Lottie animations in Vue 3
VueTyper
VueTyper
Typing Animation Component
Vue Shared Element
Vue Shared Element
Declarative Shared-Element Transitions
Vuetify-swipeout
Vuetify-swipeout
Swipe-Out Example
Vue 3 Autocounter
Vue 3 Autocounter
Counter Component
TransX
TransX
Transition Animation Library
Vue DnD Zone
Vue DnD Zone
Drag & Drop Plugin
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.