Motion Desk

The same animation is not the same animation in two runtimes, and the differences are exact. `iterations: 3` plays three times; GSAP's `repeat: 3` plays four. CSS and WAAPI are milliseconds, GSAP is seconds, Lottie is frames - and a Lottie duration is quantised to the frame grid. `fill` defaults to `none`, so two of the five revert the instant the animation ends. And an easing curve is a function, so the nearest equivalent has a measurable error: elastic.out in CSS is 79% of the travel away. Paste an animation sheet and this converts it into all five, with every figure measured. Derived from five runtime-adapter skills in heygen-com/hyperframes; credited in the app footer.

Every public app is built from a security-scanned skill and must pass a clean scan — skill and frontend — before it can be listed. Have a skill of your own? Turn it into an app — or read the step-by-step walkthrough.