motion.js (seek-safe GSAP runtime)
HTML to video · Edit, render, publish · Apache-2.0
- What it does
One plain script on top of GSAP, no build step, one global called Motion. You author in frames; it builds a single paused GSAP timeline and exposes window.__seek(t), so any frame can be jumped to and equals the frame you would reach by playing. Calls: film, kf, show, hide, cut, enter, exit, words, type, cursor, press, camera, snap, whip, dive, drift, count, cascade, wrap, mark, selfTest. 42 KB.
- Get it
<script src="./runtime/vendor/gsap.min.js"></script><script src="./runtime/motion.js"></script>; const M = Motion.film({ fps: 30, duration: 15, width: 1920, height: 1080 }); M.words('#headline', { at: 2, mech: 'rise' });
- Needs
GSAP (the bundled copy is 3.12.5 under GreenSock's own license; take GSAP from gsap.com or npm rather than from this repo)
- License
Apache-2.0
- From