The Best 31 Vuejs Animation Libraries

🤹 Vue Composables putting your components in motion

Vue Animate CSS v-animate-css The easiest to implement Vue directive for Animate.css If you like this project, please give it a star, and consider fol

Tinymotion is a Vue.js animation library, that seamlessly works with Tailwind CSS.

GitHub Animated Corners Inspired by Tom Preston-Werner's and Tim Holman's works, I decided to create a few more variants of animated corners with octo

🖱 An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible

vue-digital-transform 中文文档 Make your changes of digtals more funny. vue-digital-transform Install npm install vue-digital-transform Example template

vue-kinesis Easy to use Vue.js components for creating interactive animations Demo Kinesis Demo Vue3 - Installation npm install --save [email protected]

V-Number Animated number transition library for Vue.js Simple lightweight library for smooth vertical number transitions LIVE DEMO: animated likes cou

vue-flipper A component to flip elements with a nice transition. ⚡ It is really small, JavaScript + CSS (min + gzip) is smaller than 1KB 🎨 CSS uses S

Vuenime A flexible Vue wrapper for Animejs npm install vuenime # or yarn add vuenime Storybook | CodeSandbox Usage In a component: template div

vue-page-transition A lean Vue.js plugin for page / route transitions. Table of contents Installation Usage Transitions Demo Installation yarn add vue

vue-svg-transition Create 2-state, SVG-powered animated icons Codesandbox Demo inspired by Icon Transition Generator Quick start npm install --save vu

vue-animate-scroll A small Vue component that provides an easy way to animate elements as they scroll into view. Setup npm i --save vue-animate-scroll

vue-sequential-entrance Vuejs Plugin for creating epic sequential animation entrances with a list of elements. Zero effort. Really lightweight Basic d

femtoTween femtoTween's goal is to provide just enough tweening functionality to cover basic use cases. Through this primary goal, it should also be o

Eagle.js - A slideshow framework for hackers Slideshow system built on top of the Vue.js Supports animations, themes, interactive widgets (for web dem

Vue-Anime Simple Vue bindings for Anime.js Install $ npm install --save vue-animejs import VueAnime from 'vue-animejs'; Vue.use(VueAnime) Usage Adds

vue-slide-up-down Like jQuery's slideUp / slideDown, but for Vue! Demo: https://codepen.io/danieldiekmeier/pen/YapGWq Installation npm i vue-slide-up-

VueTween Allows the components to tween their properties. demo Try it out! dependencies Vue setup npm npm install @seregpie/vuetween ES module Install

Vue Smooth Reflow (VSR) A Vue mixin that transitions reflow. When the component's data is changed, any CSS properties that you register will transitio

vue-parent-change-transition Enable a child components to animate when it changes the parent. It'll be useful when you create a card game. (e.g. show

vue-typed-js A Vue.js integration for Typed.js. Typed.js is a library that types. Enter in any string, and watch it type at the speed you've set, back

animated-number-vue A simple vue animated number for Vue2, using anime. Live demo here Usage $ npm install animated-number-vue # OR $ yarn add animate

Heads up! The fate of this repo is uncertain. I recommend using my new library, vue-flip-toolkit for all of your magic-move transition needs. vue-over

vue2-transitions Demo Codesandbox ✨ Reusable component transitions Why ❓ Brings only the code that you need. Many alternative solutions import the who

Odometer About Vue-Odometer Smoothly transitions numbers with ease. Use this library to give you application a smooth animation, only applicable on nu

Vue Mixin Tween Vue mixin factory to tween component numerical data (using Tween.js). Installation npm install vue-mixin-tween Usage To tween a compon

Example： 使用方法 安装插件 npm i vueg --save 引入插件 import vueg from 'vueg' Vue.use(vueg, new Router(), Options) // 传入实例化后的router, Options为可选的插件配置 插件指令 插件注册了名为