@deveodk/vue-animate

Vue-animate provides an easy way to use beautiful animations for your page. Ideal for hero style landing pages

Demo

See a functioning demo deveo demo site

Installation

npm install --save @deveodk/vue-animate

Bundler (Webpack, Rollup)

import Vue from 'vue'
import vueAnimate from '@deveodk/vue-animate'
// You need a specific loader for CSS files like https://github.com/webpack/css-loader
import '@deveodk/vue-animate/dist/@deveodk/vue-animate.css'

Vue.use(vueAnimate)

Browser

<!-- From CDN -->
<link rel="stylesheet" href="https://unpkg.com/@deveodk/vue-animate/dist/@deveodk/vue-animate.css"></link>
<script src="https://unpkg.com/@deveodk/vue-animate"></script>

Usage

There are currently four available animations

# Abstract can accept the reactive params speed and fraction
<abstract-hue></abstract-hue>
<abstract-saturation></abstract-saturation>
<ring-blue></ring-blue>
<ring-green></ring-green>

License

MIT