how can I add animate.css to nuxt js app?

Issue

How do I install animate.css and have it working on my nuxtjs project? I have tried using the animate.css installation guide but still doesn’t work.

Solution

For npm users add animate.css on your project using this command
npm install animate.css --save

For yarn users
yarn add animate.css

Then add animate.css onto you nuxt.config.js file

export default {
  // ...
  css: ['animate.css/animate.min.css'] 
  // ...
}

Then use it in your HTML like so

<h1 class="animate__animated animate__bounce">
  An animated element
</h1>

Answered By – Kibiku Brian

This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply

(*) Required, Your email will not be published