Motion & Interaction

• Animation engine 7
• Designer-authored animation 4

• Anime.js v4

  Animation engine

  Lightweight JS animation.

  Best for Animating interfaces in code.

  • Verified Sep 2026
  • Maintenance: Active
  More

  Why it's here Overlaps GSAP/Motion.

  Less suited to Overlaps GSAP/Motion.

  • Open Source
  • Open source
  • npm
  • npm

  Visit resource ↗

• AutoAnimate

  Animation engine

  Zero-config list/layout transitions.

  Best for Animating interfaces in code.

  • Verified Sep 2026
  • Maintenance: Active
  More

  Why it's here Tiny, nice.

  • Open Source
  • Open source
  • npm
  • npm

  Visit resource ↗

• dotLottie

  Designer-authored animation

  Vector animations; dotLottie is ~80% smaller.

  Best for Bringing designer-authored animation into a build.

  • Verified Sep 2026
  • Maintenance: Active
  More

  Why it's here Use dotlottie-react, not lottie-react.

  • Freemium
  • npm
  • npm

  Visit resource ↗

• GSAP + ScrollTrigger

  Animation engine

  Professional-grade animation toolkit for timelines, scroll-driven sequences and SVG, now fully free.

  Best for Elaborate timeline and scroll choreography that goes beyond simple component transitions.

  • Verified Sep 2026
  • Maintenance: Slowing
  More

  Why it's here The long-standing professional standard for serious web animation, with its full plugin set now free.

  Less suited to Small, incidental UI motion where a lighter library is enough.

  • Free
  • npm
  • npm

  Visit resource ↗

• Lenis

  Animation engine

  Smooth scroll to pair with GSAP ScrollTrigger.

  Best for Animating interfaces in code.

  • Verified Sep 2026
  • Maintenance: Active
  More

  Why it's here The agency-scroll feel.

  • Open Source
  • Open source
  • npm
  • npm

  Visit resource ↗

• LottieFiles

  Designer-authored animation

  Vector animations; dotLottie is ~80% smaller.

  Best for Bringing designer-authored animation into a build.

  • Verified Sep 2026
  • Maintenance: Active
  More

  Why it's here Use dotlottie-react, not lottie-react.

  • Freemium
  • npm
  • npm

  Visit resource ↗

• Motion (ex Framer Motion)

  Animation engine

  Production animation library for React and JavaScript, covering transitions, gestures and layout animation.

  Best for Component-bound interface motion in React projects.

  • Verified Sep 2026
  • Maintenance: Active
  More

  Why it's here The mainstream successor to Framer Motion, and the default reach for most interface animation.

  Less suited to Complex timeline choreography or scroll-driven narrative, where a dedicated timeline tool fits better.

  • Open Source
  • Open source
  • npm
  • npm

  Visit resource ↗

• PixiJS

  Animation engine

  Performant 2D rendering.

  Best for Animating interfaces in code.

  • Verified Sep 2026
  • Maintenance: Active
  More

  Why it's here Active; niche for marketing sites.

  • Open Source
  • Open source
  • npm
  • npm

  Visit resource ↗

• React Spring

  Animation engine

  Physics-based.

  Best for Animating interfaces in code.

  • Verified Sep 2026
  • Maintenance: Active
  More

  Why it's here Active; Motion covers most cases.

  • Open Source
  • Open source
  • npm
  • npm

  Visit resource ↗

• Rive

  Designer-authored animation

  Tool and runtime for interactive, state-driven vector animation that responds to input at runtime.

  Best for Interactive animation — controls, characters and logos that react to state or input.

  • Verified Sep 2026
  • Maintenance: Active
  More

  Why it's here Covers genuinely interactive motion that play-once formats like Lottie cannot express.

  Less suited to Simple play-once animations, where a lighter Lottie file suffices.

  • Open Source
  • Open source
  • npm
  • Desktop
  • npm
  • Desktop app

  Visit resource ↗

• Spline

  Designer-authored animation

  Browser-based 3D design tool with interactive embeds for the web.

  Best for Adding approachable interactive 3D without a full WebGL toolchain.

  • Verified Sep 2026
  • Maintenance: Stale
  More

  Why it's here The most approachable on-ramp to interactive 3D for designers who do not write shader code.

  Less suited to Performance-critical pages, where heavy 3D embeds are a liability.

  • Freemium
  • npm
  • Desktop
  • npm
  • Desktop app

  Visit resource ↗

No resources match these filters. Clearing a filter usually widens the results.