Getting Started

install

Install using your favorite package manager animation-vue：

npm i animation-vue animate.css
# or
pnpm add animation-vue animate.css

impot animate.css into your files:

import "animate.css";

And use the plugin in main.ts:

import { createApp } from "vue";
import App from "./App.vue";
import "animate.css";

import { vueAnimateCss } from "animation-vue";

const app = createApp(App);
app.use(vueAnimateCss());
app.mount("#app");

Basic Use

After the installation complete, you can add the directives to the element:

<div v-bounce>bounce</div>

<div v-flash.click>flash! click me!</div>

Now refresh the page or click on the element and you should see the animation 🎉