Best of Vue.js
Submit a Project
Vue.js Animations
This list will help you find the best Vue.js animation libraries.
Vue Sticker
Sticker Effect
View Details
Vue Spinners CSS
Collection of Spinner Components
View Details
Vue Stripe Menu
Animated Menu Component
View Details
Vue 3 Carousel
Carousel Component
View Details
Swiper Vue
Mobile Slider Component
View Details
V-wave
Material Ripple Directive
View Details
Vue3-lottie
A component for importing and displaying Lottie animations in Vue 3
View Details
VueTyper
Typing Animation Component
View Details
Vue Shared Element
Declarative Shared-Element Transitions
View Details
Vuetify-swipeout
Swipe-Out Example
View Details
Vue 3 Autocounter
Counter Component
View Details
TransX
Transition Animation Library
View Details
Vue DnD Zone
Drag & Drop Plugin
View Details
Vue-typical
🐡 Vue Animated typing in ~400 bytes of JavaScript.
View Details
Vue-digital-transform
A vue component for better digital transform animation
View Details
Vue-kinesis
A set of components to create interactive animations
View Details
V-number
Animated number transition library for Vue.js
View Details
Vue-flipper
A component to flip children with a nice transition.
View Details
Vuenime
A flexible Vue wrapper for Animejs
View Details
Vue-page-transition
Easy route / page transitions for Vue.js
View Details
Vue-svg-transition
Create 2-state, SVG-powered transitions
View Details
Vue-animate-scroll
Super lightweight way to add CSS animations to elements as they scroll into view.
View Details
Vue-sequential-entrance
Plugin for creating elegant sequential animation entrances with a list of elements of your page. Zero effort. Simple and lightweight
View Details
FemtoTween
A minimalistic (zero-dep, less than 1k) tweening library with first-class Vue support
View Details
Vue-slide-up-down-component
It is a simple interface but realizes very flexible and powerful slide animation, for Vue!
View Details
Eagle.js
Eagle.js is a web-based slideshow framework for Vue.js.
View Details
Vue-animejs
Simple anime.js directives for Vue.
View Details
Vue-slide-up-down
Like jQuery's slideUp / slideDown, but for Vue!
View Details
VueTween
Allows components to tween their properties.
View Details
Vue-smooth-reflow
Transition an elements reflow in response to data changes.
View Details
Vue-parent-change-transition
Enable a child components to animate when it changes the parent.
View Details
Vue-typed-js
Typed.js integration to easily create typying animations.
View Details
Animated-number-vue
Super easy way to animate numbers.
View Details
Vue-overdrive
Super easy magic-move transitions for Vue apps 🎩
View Details
Vue2-transitions
✨ Reusable Vue 2 transition components
View Details
Vue-mixin-tween
Mixin factory that adds tweened values to component context for animations
View Details
V-animate-css
The easiest to implement Vue 2 directive for Animate.css
View Details
Vueg
Make vue-router have a transition effect / 为 webApp 提供转场特效的开源 Vue 插件
View Details
Vue-lottie
A Vue.js 2.x plugin to render after effects animations based on bodymovin
View Details
Animated-vue
A Vue.js 2.x plugin to easily use Animate.css animations as transitions. As easy as <animated-tada>!
View Details
Vue2-animate
A Vue.js 2.0 port of Animate.css. For use with Vue's built-in transitions.
View Details
Explore Categories
All Projects
Components & Libraries
Input
QR Code
CSS
Persistence
Minus Plus Input
Static Site Generator
Docs
Art
Analytics
Markdown
News
Paypal
Pincode Input
UI Layout
Custom Events
Plugins
Conferences
Audio / Video
SaaS
CSV
Link Preview
Progress Bar
Admin Dashboard
State Management
Loader
Resources
Migration
DevTools
Charts
Calendars
Client
Experiment
PDF
Animation
Loading
Food
Event Handling
Courses
Redux
Carousel
Resize
Parallax
Responsive Design
Accessibility
Collaboration
Pinia
Typescript
Pagination
Inspect
Scroll
Boilerplate
Printing
Tabs
CMS
Health
Generator
Yandex Metrika
Code Style
Vue CLI Plugins
Universal
Enterprise Usage
WebApps
Official Resources
Fullscreen
Plaid
Layout
Official Examples
Search