Need help with vue-anime?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

BenAHammond
168 Stars 8 Forks MIT License 32 Commits 2 Opened issues

Description

A Vue plugin for adding Anime bindings to Vue components

Services available

!
?

Need anything else?

Contributors list

# 205,483
vuejs2
vue2
Node.js
report
12 commits
# 252,612
JavaScr...
midi
node
Node.js
2 commits
# 233,777
Elixir
koans
C++
HTML
2 commits
# 719,198
JavaScr...
2 commits
# 64,932
GraphQL
React
express...
reasonm...
1 commit
# 672,861
JavaScr...
1 commit

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
html

Also 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 ... */
  },
}

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.