Filter By
80 Components & Libraries
Vuejs Animation
Vue & Canvas - JavaScript library for drawing complex canvas graphics using Vue.
Vue Konva Vue Konva is a JavaScript library for drawing complex canvas graphics using Vue. It provides declarative and reactive bindings to the Konva
Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API.
Anime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API.
A hackable slideshow framework built with Vue.js
Eagle.js - A slideshow framework for hackers Slideshow system built on top of the Vue.js Supports animations, themes, interactive widgets (for web dem
🛰 Shared Vue component across routes with animations
Shared Vue component across routes with animations Live Demo English | 简体中文 Why? It's quite common you might have a same component used in different r
A simple Vue 3 component for using Lottie animations in Vue 3
Vue 3 Lottie vue3-lottie was created to help developers add Lottie animations to their Vue 3 applications. In my search for a simple way to add Lottie
Super easy way to animate numbers.
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
Zoom operation for page presentation in vue3
在使用vue3中,用于页面展示的缩放操作 vue3-sketch-ruler 简体中文 | English 💪 Vue 3 Composition API 🔥 Written in TypeScript Vue 3 + Vite + ts 打包sketchRuler 由于项目升级成vite， 发
Declarative shared-element transitions for 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
3D page flip effect for Vue.js
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 Composables putting your components in motion
🤹 @vueuse/motion Vue Composables putting your components in motion 🏎 Smooth animations based on Popmotion 🎮 Declarative API 🚀 Plug & play with 10+
vue-countTo a vue component that will count to a target number at a specified duration
vue-countTo a vue component that will count to a target number at a specified duration
🖱 An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible
🖱 An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible
[CSS GPU Animation] Marquee Text for vuejs
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-
A Vue.js port of the wonderful react-flip-toolkit by @aholachek
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-
A lightweight Vue.js plugin for page / route transitions.
vue-page-transition A lean Vue.js plugin for page / route transitions. Table of contents Installation Usage Transitions Demo Installation yarn add vue
Creating a navigation menu with animations like on Stripe
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
Page level transition plugin for vue-router
Page level transition plugin for vue-router
为Vue应用添加页面间的转场特效( Page level transition plugin for vue-router)
Example： 使用方法 安装插件 npm i vueg --save 引入插件 import vueg from 'vueg' Vue.use(vueg, new Router(), Options) // 传入实例化后的router, Options为可选的插件配置 插件指令 插件注册了名为
Transition an elements reflow when the data changes.
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
Render After Effects animations on Vue based on Bodymovin
Lottie Animation View for Vue (React, Angular) Generated by create-vue-component Wapper of bodymovin.js bodymovin is Adobe After Effects plugin for ex
Custom Vue transition to collapse elements horizontally or vertically. Works with both fixed and 'auto' width or height.
Vue Collapse Transition This custom VueJS transition component wraps the built-in transition. It collapses elements horizontally or vertically. Works
🤹 Vue Composables putting your components in motion
🤹 Vue Composables putting your components in motion
A like button with delightful star animation powered by Vue.js
A like button with delightful star animation powered by Vue.js
Easily create complex interactive animations with Vue.js
vue-kinesis Easy to use Vue.js components for creating interactive animations Demo Kinesis Demo Vue3 - Installation npm install --save [email protected]
Super easy magic-move transitions for Vue apps
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
Super easy magic-move transitions for Vue apps
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 component, that helps to make sticky effects
vue-sticker Vue component, that helps to make sticky effects Installation # install component npm install --save-dev vue-sticker using like local comp
Tinymotion is a Vue.js animation library, that seamlessly works with Tailwind CSS.
Tinymotion is a Vue.js animation library, that seamlessly works with Tailwind CSS.
Typed.js integration for vue.js. Create a typing animation.
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
GitHub Animated Corners
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
Typed.js integration for vue.js. Create a typing animation.
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
number & string rolling counter
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
Create 2-state, SVG-powered transitions
vue-svg-transition Create 2-state, SVG-powered animated icons Codesandbox Demo inspired by Icon Transition Generator Quick start npm install --save vu
✨ Reusable Vue 2 transition components
vue2-transitions Demo Codesandbox ✨ Reusable component transitions Why ❓ Brings only the code that you need. Many alternative solutions import the who
✨ Reusable Vue 2 transition components
vue2-transitions Demo Codesandbox ✨ Reusable component transitions Why ❓ Brings only the code that you need. Many alternative solutions import the who
🐡 Vue Animated typing in ~400 bytes of JavaScript
English | 简体中文 Vue Typical Vue Animated typing in ~400 bytes 🐡 of JavaScript. Preview → Live Demo ✨ https://vue-typical.vercel.app 📦 Installation In
vue-book-effects is a Vue component that displays images in 3D page flip effect.
vue-book-effects is a Vue component that displays images in 3D page flip effect.
A Vue.js 2.0 port of Animate.css. For use with Vue's built-in transitions.
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
A simple wrapper for integrating lottie-web into VueJs
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
A Simple Preloader Component For Vue.js
Super simple Vue preloader component Just check src/components/Preloader.vue. Si
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.
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.
Like jQuery's slideUp/slideDown, but for Vue!
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-
Like jQuery's slideUp/slideDown, but for Vue!
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-
Animated number transition library for Vue.js
V-Number Animated number transition library for Vue.js Simple lightweight library for smooth vertical number transitions LIVE DEMO: animated likes cou
The easiest to implement Vue directive for Animate.css
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
The easiest to implement Vue directive for Animate.css
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
A component to flip elements with a nice transition.
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
Easy and natural state transitions
VueMotion Easy and natural state transitions Documentation Check out the docs and the Demo npm install --save vue-motion Development npm run dev Licen
Super easy way to animate numbers.
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
A small Vue component that provides an easy way to animate elements as they scroll into view.
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
A vue component for better digital transform animation
vue-digital-transform 中文文档 Make your changes of digtals more funny. vue-digital-transform Install npm install vue-digital-transform Example template
A flexible Vue wrapper for Animejs
Vuenime A flexible Vue wrapper for Animejs npm install vuenime # or yarn add vuenime Storybook | CodeSandbox Usage In a component: template div
A Vue component for flat surface shader
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