A Vue plugin for adding Anime bindings to Vue components
Simple Vue bindings for Anime.js
$ npm install --save vue-animejs
import VueAnime from 'vue-animejs';Vue.use(VueAnime)
Adds a simple directive named
v-animethat passes all arguments directly to anime.jshtmlAlso adds this.$anime to your components
js export default { name: "my-component", data() { return {}; }, mounted() { const targets = this.$el; this .$anime .timeline() .add({ targets, translateX: 250, easing: 'easeOutExpo', }) .add({ targets, translateX: 250, easing: 'easeOutExpo', }); /* ... etc ... */ }, }