DEV Community

Cover image for slowmo: Control Animation Speed in Any Web Page
jQueryScript
jQueryScript

Posted on

slowmo: Control Animation Speed in Any Web Page

slowmo: a JavaScript library that gives you full playback rate control over every animation on a web page, CSS transitions, canvas loops, videos, GSAP, Three.js, and Framer Motion, from a single function call.

Key features:

  • slowmo(0.5) — half speed. slowmo(0) — paused. That's the entire core API.
  • Patches requestAnimationFrame, performance.now(), Date.now(), and the Web Animations API simultaneously
  • Optional draggable Dial UI for Vanilla JS and React
  • data-slowmo-exclude attribute to opt specific elements out
  • Auto-detects and integrates with GSAP natively
  • Zero dependencies, MIT license

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)