cssvue.jsnuxt.jsanimate.css

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

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