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
Visit website (opens in a new tab)View GitHub (opens in a new tab)Read docs (opens in a new tab)
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

Related resources

  • GSAP

    GSAP

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

    excellent agent friendlinessPackageFreeStaff pick
  • AutoAnimate
    Preview of AutoAnimate

    AutoAnimate

    One line of code that animates list changes for you.

    excellent agent friendlinessPackageFreeOpen sourceStaff pick
  • Lenis
    Preview of Lenis

    Lenis

    Smooth scrolling that doesn't fight the browser.

    excellent agent friendlinessPackageFreeOpen source
  • Liquid Glass JS
    Preview of Liquid Glass JS

    Liquid Glass JS

    Apple's Liquid Glass look on the web: real-time refraction, blur and masking in WebGL.

    excellent agent friendlinessGitHub repositoryFreeOpen source