You can't describe an animation to an AI in words. "Make it bouncier" is not a spec. Motiscope solves this a different way: you give it a screen recording, it measures the actual motion (the beat, the easing, the transforms) with ffmpeg, and hands your coding agent a spec it can rebuild from. Output targets are GSAP, CSS, Framer Motion, and Lottie. Free, open source, runs locally.
No reviews yetBe the first to leave a review for Motiscope
Maker
π
Hi Product Hunt π
I kept wanting to rebuild animations I saw online, and I could never describe
them to an LLM well enough to get them back. A screenshot loses the one thing
that matters, which is timing.
So I built motiscope. It measures the motion of an animation from a screen
recording and gives your coding agent a real spec to rebuild it, as GSAP, CSS,
Framer Motion, or Lottie. It's pure Python plus ffmpeg, runs locally, and it's
MIT licensed.
It ships as a Claude Code plugin, with portable skills for Codex and Cursor too.
This started as a side project and recently crossed 90 stars on GitHub. Would
genuinely love your feedback, and I'm around all day to answer anything.
Report
super cool idea, the spec-from-video angle is genuinely useful. one thing that would make it even better for me: let me scrub through the recording and drop timestamped notes or visual references so the generated spec can capture things like "this specific frame should land exactly here" instead of only inferring from motion averages.
Report
Maker
@ugcproΒ thank you, that is a great idea. Being able to point at specific moments is exactly the kind of control that helps.
Some of that is already possible today: you can give Claude a timestamp, and it will focus on that frame plus the frames right before and after it to catch the exact motion change, instead of only working from the motion averages.
And what you are describing is where I want to take it next. I am planning a UI where you can scrub the recording and chat with Claude, or any agent, in the same place, so you can drop a note on a specific frame without moving back and forth between tools. Really appreciate the suggestion.
Congrats on launching Motiscope! Screen record any animation, get the code is a genuinely exciting direction. Cheering you on and wishing you a fantastic launch! π
super cool idea, the spec-from-video angle is genuinely useful. one thing that would make it even better for me: let me scrub through the recording and drop timestamped notes or visual references so the generated spec can capture things like "this specific frame should land exactly here" instead of only inferring from motion averages.
@ugcproΒ thank you, that is a great idea. Being able to point at specific moments is exactly the kind of control that helps.
Some of that is already possible today: you can give Claude a timestamp, and it will focus on that frame plus the frames right before and after it to catch the exact motion change, instead of only working from the motion averages.
And what you are describing is where I want to take it next. I am planning a UI where you can scrub the recording and chat with Claude, or any agent, in the same place, so you can drop a note on a specific frame without moving back and forth between tools. Really appreciate the suggestion.
Pazi
Congrats on launching Motiscope! Screen record any animation, get the code is a genuinely exciting direction. Cheering you on and wishing you a fantastic launch! π
@zvonimir_sabljic1Β Thanks for the wishes