https://github.com/deveodk/vue-animate

Vue-animate provides an easy way to use beautiful animations for your page. Ideal for hero style landing pages
https://github.com/deveodk/vue-animate

animate animation npm package vue webpack

Last synced: 4 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/deveodk/vue-animate
• Owner: Deveodk
• License: mit
• Created: 2017-06-03T15:05:11.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-06-05T20:37:44.000Z (over 7 years ago)
• Last Synced: 2024-05-23T02:03:55.916Z (6 months ago)
• Topics: animate, animation, npm, package, vue, webpack
• Language: Vue
• Homepage: https://packages.deveo.io/packages/vue/vue-animate
• Size: 77.1 KB
• Stars: 10
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# @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

deveo demo site

## 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

```

## Usage

There are currently four available animations

```html

# Abstract can accept the reactive params speed and fraction

```

## License

[MIT](http://opensource.org/licenses/MIT)