vue-animate

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #go #golang #rust #deep-learning #macos #windows #awesome #kubernetes #awesome-list #security

(★ 11)

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

vue-animate Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# @deveodk/vue-animate

[![npm](https://img.shields.io/npm/v/@deveodk/vue-animate.svg)](https://www.npmjs.com/package/@deveodk/vue-animate) [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)

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

# Demo
See a functioning demo
<a href="https://packages.deveo.io/packages/vue/vue-animate">deveo demo site</a>

## Installation

```bash
npm install --save @deveodk/vue-animate
```

### Bundler (Webpack, Rollup)

```js
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

```html

<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

```html
# 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](http://opensource.org/licenses/MIT)

vue-animate

vue-animate Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

vue-animate

vue-animate Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README