slowmo

Slow down, pause, or speed up time of any web content.

Debug animations, study cool demos, and make games easier or harder.

Quick Start

npm install slowmo
or Install the Chrome Extension 
import slowmo from "slowmo"

slowmo(0.5)  // half the speed of time

Try It

Drag outer edge to change speed. Click center to pause.

CSS Animation

@keyframes

requestAnimationFrame

JS animation loop

Web Animations API

element.animate()

Video

HTML5 video

Motion

Hover to animate

Full API 

import slowmo from "slowmo"

slowmo(0.5)           // half speed
slowmo(2)             // double speed
slowmo(0)             // pause
slowmo(1)             // normal

slowmo.pause()        // pause all
slowmo.play()         // resume
slowmo.reset()        // back to 1×
slowmo.getSpeed()     // current speed

Inspired by agentation by Benji Taylor and his related blog posts