Vue Animate CSS

!GitHub forks !GitHub Repo stars

$3

Animate.css for Vue.js 3

If you like this project, please give it a star :star: , and consider following the author :octocat: :wink: .

> Vue 2 version is no longer maintained but the code is available here. You can still contribute if you wish so, and we will publish them for Vue 2.

$3

``shell
npm install @ossph/v-animate-css --save
`

$3

$3

`shell
yarn add @ossph/v-animate-css
`

$3

$3

`script
https://unpkg.com/@ossph/v-animate-css/dist/v-animate-css.js
`

Getting Started

$3

`javascript
import Vue from 'vue';
import VAnimateCss from '@ossph/v-animate-css';

Vue.use(VAnimateCss);
`

`html




`

$3

Related to Issue#33 it make sense to give the user the option to add their own local version of Animate.css instead of relying to the default CDN version of Animate.css within the plugin.

You can do it using the new animateCSSPath option.

`js
import Vue from 'vue';
import VAnimateCss from '@ossph/v-animate-css';

Vue.use(VAnimateCss, { animateCSSPath: './local-animate-css-file.css' });

// You can also use this option to inject a newer version of Animate.css
Vue.use(VAnimateCss, { animateCSSPath: 'cdn-link-to-a-newer-animate-css-version' });
``

Demo and Docs here.

Made with :heart: by Joff Tiquez