/ Animation

A Vue plugin for adding Anime bindings to Vue components

A Vue plugin for adding Anime bindings to Vue components

Vue-Anime

Simple Vue bindings for Anime.js.

Install

$ npm install --save vue-animejs
import VueAnime from 'vue-animejs';

Vue.use(VueAnime)

Usage

Adds a simple directive named v-anime that passes all arguments directly to anime.js

<div v-anime="{ rotate: '1turn', backgroundColor: '#FFF', duration: 2000, loop: true }"><div>

Also adds this.$anime to your components

export default {
  name: "my-component",
  data() {
    return {};
  },
  mounted() {
    this.$anime(/* ... animate something ... */)
  },
}

GitHub