Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

If you checked out Popular Pens at all this week, I bet you saw anime.js in action!

anime.js is Julian Garnier’s new JS library:

Anime (/ˈæn.ə.meɪ/) is a flexible yet lightweight JavaScript animation library.
It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects.

Here are a couple of my favorite Pens from Julian’s delightfully colorful anime.js collection

“anime.js stress test”

See the Pen anime.js stress test by Julian Garnier (@juliangarnier) on CodePen.

“Playback controls”

See the Pen Playback controls – anime.js by Julian Garnier (@juliangarnier) on CodePen.

“Follow SVG Path”

See the Pen Follow SVG Path – anime.js by Julian Garnier (@juliangarnier) on CodePen.

I’m very excited to see what the CodePen community does with this new library!