Latest free Vue.js components, plugins, and other related libraries for handling animations on your web applications.
A full-featured Material Design ripple click animation implementation that is easy to use as a Vue.js directive.
A touch-enabled click ripple component for Vue 3 and Vue 2 applications, inspired by Material Design.
A Vue 3 component that animates counting up or down on your applications. Based on the countup.js library.
A Vue 3 wrapper for Motion One, which is an animation library for building fast, performance animations.
An animation library that adds smooth motion effects to components in your Vue 2 or Vue 3 app.
A Vue component that allows you to create customizable lottie animations in applications.
A Vue component for creating a confetti animation effect on the web app.
Material Design inspired performant ripple click effect for Vue.js.
A Vue.js wrapper around the Glitched Writer that applies a stylish scramble/decode effect to your text.
A Vue component to create an awesome confetti explosion on your application.
A Vue.js library that applies Animate On Scroll to components or elements within your app.
The easiest way to implement Animate.css based CSS3 animations on your Vue.js web app. How to use it: 1. Import and register the animate.css directive. import Vue from ‘vue’; import VAnimateCss from ‘v-animate-css’; Vue.use(VAnimateCss); 2. Apply an animate.css powered animation to the element. <div v-animate-css=”‘fadeIn'”> Fade In On Page Load </div> 3. Trigger the animation on click or hover. <div v-animate-css.click=”‘fadeIn'”> Click Me </div> <div v-animate-css.hover=”‘fadeIn'”> Hover Over Me </div> 4. You can also config the animation using a JS object: <div v-animate-css.click=”animationObject”> Click Me </div> animationObject:{ classes: ‘fadeIn’, delay: 100, duration: 3000 } 5. Determine whether to loop the
Makes use of CSS GPU animation to create a traditional ‘Marquee’ effect for text.
A dead simple and super tiny Vue.js component for animated typing in Vue.js app.