KumarSashank/motiscope

99 stars · Last commit 2026-07-28

Recreate any web animation from a screen recording. A motion-design plugin: analyzes motion (timing, easing, stagger, loops) and rebuilds it as GSAP / CSS / Framer Motion / Lottie code.

PluginWorkflow & Automation TDD & Testing Documentation Design & UI DevOps & Infra AI & Prompting Data & ML

README preview

<p align="center">
  <img src="docs/hero.svg" alt="motiscope — motion-energy oscilloscope" width="100%">
</p>

<h1 align="center">motiscope</h1>

<p align="center">
  <b>See the motion, recreate the animation.</b><br>
  Drop a screen recording of an animation — get working <b>GSAP / CSS / Framer Motion / Lottie</b> code.
</p>

<p align="center">
  <img alt="license MIT" src="https://img.shields.io/badge/license-MIT-6366f1">
  <img alt="version 1.0.0" src="https://img.shields.io/badge/version-1.0.0-818cf8">
  <img alt="works with Claude Code, Codex, Cursor" src="https://img.shields.io/badge/works%20with-Claude%20Code%20%C2%B7%20Codex%20%C2%B7%20Cursor-a78bfa">
  <img alt="deps ffmpeg" src="https://img.shields.io/badge/deps-ffmpeg-e879f9">
  <img alt="recreate targets" src="https://img.shields.io/badge/recreate-GSAP%20%C2%B7%20CSS%20%C2%B7%20Framer%20%C2%B7%20Lottie-22d3ee">
</p>

<p align="center">

View full repository on GitHub →