The Best 75 Vuejs Animation Libraries

Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API.

lottie-vuejs lottie-vuejs is currently in development! Use in production environment at your own risk lottie-vuejs is a simple VueJS wrapper for lotti

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

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

🤹 Vue Composables putting your components in motion

vue-countTo a vue component that will count to a target number at a specified duration

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

🤹 @vueuse/motion Vue Composables putting your components in motion 🏎 Smooth animations based on Popmotion 🎮 Declarative API 🚀 Plug & play with 10+

flipbook-vue flipbook-vue is a Vue component that displays images in 3D page flip effect. Demo page is here. Installation Install as a module: npm i -

vue-text-marquee Online Demo Install npm i vue-text-marquee Global Usage import Vue from 'vue'; import VTextMarquee from 'vue-text-marquee'; Vue.use(V

Vue Collapse Transition This custom VueJS transition component wraps the built-in transition. It collapses elements horizontally or vertically. Works

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

Deprecation notice Due to an unfortunate naming decision, this package has moved to vue-smooth-reflow. vue-smooth-reflow has more features, better han

vue-marquee-text-component [CSS GPU Animation] Marquee Text for vuejs Demo Demo here Install Vue 3 (master) | Vue 2 (v1) npm install vue-marquee-text-

Lottie Animation View for Vue (React, Angular) Generated by create-vue-component Wapper of bodymovin.js bodymovin is Adobe After Effects plugin for ex

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

English | 简体中文 Vue Typical Vue Animated typing in ~400 bytes 🐡 of JavaScript. Preview → Live Demo ✨ https://vue-typical.vercel.app 📦 Installation In

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

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

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

在使用vue3中,用于页面展示的缩放操作 vue3-sketch-ruler 简体中文 | English 💪 Vue 3 Composition API 🔥 Written in TypeScript Vue 3 + Vite + ts 打包sketchRuler 由于项目升级成vite， 发

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

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

A like button with delightful star animation powered by Vue.js

v-shared-element Declarative shared-element transitions between pages for Vue.js. Uses illusory under the hood. v3.1.0 released! Vue 3 is now supporte

Vue Konva Vue Konva is a JavaScript library for drawing complex canvas graphics using Vue. It provides declarative and reactive bindings to the Konva

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

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

vue-flat-surface-shader A Vue component for flat surface shader DEMO: Github Pages How to use npm install --save vue-flat-surface-shader Main.js impor

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

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

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

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-

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

Page level transition plugin for vue-router

animacoes-exercicios Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run b

vue2-animate for Vue.js 2 and 3 Cross-browser CSS3 animation library A Vue.js port of Animate.css. For use with Vue's built-in transitions. | DEMO Cre

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

Vue Stripe Menu Creating a navigation menu with animations like on Stripe Only for Vue 3 (changelog) Demo Website Vue 2 - Branch How to install Instal

一个小巧玲珑的 vue 组件切换动画库, 支持 20 几种动画切换方式

This is a lightweight Vue 3 component made with TypeScript to quickly create an animation that shows an automatic count of any quantity in any duration, counting up or down.

vue-sticker Vue component, that helps to make sticky effects Installation # install component npm install --save-dev vue-sticker using like local comp

Super simple Vue preloader component Just check src/components/Preloader.vue. Si

Beautifully simple click-to-copy CSS effects

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

vue-flip-toolkit A Vue.js port of the wonderful react-flip-toolkit, developed by @aholachek (to whom all credit is due here) Quick Start yarn add vue-

vue-roller Fluid and smooth rolling animation for Vue.js Demo Try out here with your own text! Getting Started npm npm i vue-roller Vue import Roller

Flipper Animation Simulator flipper animation simulator Demo · New Issue · New Feature English · 中文 Dependency @bell-rabbit/flipper-animation-generato

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

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

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

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

animated-vue A plugin to use animate.css animations as Vue2 transitions Demo: Coming soon! Installation and usage Install animated-vue and animate.css