Best of Vue.js
Submit a Project
Vue.js Animations
This list will help you find the best Vue.js animation libraries.
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
Lazy Load
Layout
Search
Menu
Source Code Editing
Autocomplete
Scaffold
Templates
Blogging
Social Media
Administrator
Conference
Experiment
Admin Dashboard
Blockchain
Migration
Email
Official Examples
Games
Calendars
Tour
Mobile
Components & Libraries
Infinite Scroll
Event
Automation
Projects Using Vue.js
UI Layout
File Upload
SSR
Sports
Generator
Docs
Collaboration
Payment
Pagination
Time
Type Select
Datatables
Overlay
Routing
Electron
Emacs
UI Library
Select
Audio / Video
Tabs
Typescript
Intellij
WebApps
Google Analytics
Testing
Utilities
Laravel
Responsive Design
Real Estate
Resources
Client
Yandex Metrika
Authentication/Authorization
Filters
Pincode Input
Vuetify
Static Site Generator
Switch
Lifestyle
UI Components
Stripe
Calendar