Animation Librarys and Sage Help

Hey so I am trying to use the animate.css library and it doesn’t seem to work at all. Does anyone know if it works on sage or what animation library I can use that will work?


But what exactly doesn’t work?
Do you have some errors after import styles / modules of package?

There are no errors when importing its just simply I apply the classes after running the npm i to install the package then I import it in my js file and I don’t see any animations at all when i reload the page.

I’ve checked right now, and it works properly.

Could you show how you import animate.css?

import {domReady} from '@roots/sage/client';
import './slideshow';
import './modalController';
import './projectCategoriesController';
import 'animate.css';

// Flowbite Tailwind CSS Framework
// import 'flowbite';
// React
// import React from 'react';
// import ReactRenderer from './ReactRender/ReactRenderer';

 * app.main
const main = async (err) => {
  if (err) {
    // handle hmr errors


 * Initialize
 * @see

Let’s try to import it in app.css after @import ‘tailwindcss/base’;

As below

@import 'tailwindcss/base';

// your style
@import 'animate.css';

@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

Yeah it still doesn’t seem to work

Check twice your html elements, and console, maybe you missing something.
Actually this package import only styles classes there shouldn’t be any conflict between animate css and Sage.

Have you rebuilt your assets after installing? Does the CSS from animate.css appear in your built assets?