[Solved] Why isn’t anime.js working in my browser?

Question

You need to load your main.js at the end of the body tag, so the DOM has been loaded by the time your script executes. If you put it in the head (above the body), the DOM has not loaded your elements yet, so anime.js doesn’t find them.

This is why the codepen works but your own site didn’t. The codepen loads the DOM before executing your scripts.

Accepted Answer

You need to load your main.js at the end of the body tag, so the DOM has been loaded by the time your script executes. If you put it in the head (above the body), the DOM has not loaded your elements yet, so anime.js doesn’t find them.

This is why the codepen works but your own site didn’t. The codepen loads the DOM before executing your scripts.