slowmo

Control time on any web page. Debug, study, or speedrun animations.

npm install slowmo
~2KB gzipped Zero dependencies
Debug animations Study details Speedrun UIs Game difficulty

Quick Start

slowmo(0.5);  // Half speed
// slowmo(2);   // Double speed
// slowmo(1);   // Normal speed

Try It

CSS Animation

@keyframes

requestAnimationFrame

JS animation loop

Web Animations API

element.animate()

Video

HTML5 video

API Reference

Install

import { slowmo } from "slowmo";

slowmo(0.5);  // Any speed
slowmo(0);    // Pause

Methods

slowmo.pause();
slowmo.play();
slowmo.reset();       // Back to 1x
slowmo.getSpeed();    // Current

Inspired by agentation by Benji Taylor and his related blog posts [1] [2]