Skip to content
don’t make it ugly
All resources

PackageMotion

Anime.js

A lightweight, framework-free animation library with a beautiful API.

Open sourceFree
Preview of Anime.js

What it is

Anime.js animates CSS properties, SVG, DOM attributes and JavaScript objects with timelines, staggering and easing, all in a small package with no framework dependency. Version 4 rewrote it in modern modular ES.

Why it’s here

The right pick for vanilla sites, Astro, or anywhere Motion's React focus doesn't fit and GSAP feels like too much. The staggering helpers are lovely.

Best for

  • vanilla JS sites
  • SVG animation
  • staggered reveals
  • Astro projects

Can my agent use this?

Agent excellent agent friendliness

Yes. Public docs and source. Mention the version (v4) so your agent uses the modern modular API.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • Docs
  • GitHub
  • npm

Install

npm install animejs

  • GSAP

    GSAP

    The professional-grade animation toolkit, now free including all plugins.

    PackageFreeexcellent agent friendliness
    Staff pick
  • AutoAnimate
    Preview of AutoAnimate

    AutoAnimate

    One line of code that animates list changes for you.

    PackageFreeOpen sourceexcellent agent friendliness
    Staff pick
  • Lenis
    Preview of Lenis

    Lenis

    Smooth scrolling that doesn't fight the browser.

    PackageFreeOpen sourceexcellent agent friendliness
  • Rive
    Preview of Rive

    Rive

    Interactive vector animations with state machines, playable in any app.

    ToolOpen sourcegood agent friendliness