Understand more, instantly
Spend less time searching
Motion Lens shows you exactly where GSAP is used on website, so you can skip the tedious code-hunting and go straight to learning how real motion is built.
Now in early access
Decode web animations in a single click
Explore the hidden mechanics behind GSAP-powered motion. Motion Lens reveals the code and structure behind animations, so you can learn, analyze, and create with confidence.
motionlens.app/demo
Features
Inspect real motion without losing the thread.
Move from visual inspiration to readable animation structure with a browser extension built for designers and developers who study real interfaces.
Use real examples to level up
Experiment with confidence
Reveal how experts structure timelines, easing, and interactions. Use these insights as inspiration and create animations with more confidence.
Smarter motion benchmarking
Analyze competitor animations in minutes
Uncover how competitors build their GSAP animations, revealing timelines, easing, and interaction patterns without digging through their code. Get clear motion insights quickly and make smarter design decisions.
Roadmap
Future Capabilities
Development focuses on faster inspection, clearer code output, and broader animation coverage for developers and designers.
Fixed Sidebar Experience
The sidebar will follow you as you scroll, letting you inspect, compare, and learn from animations without losing your place on the page.
Minified chaos into readability
Integrating AI to rewrite complex or minified GSAP code into clean, human-readable snippets, so animation structure becomes easier to understand.
Expanding beyond GSAP
Motion Lens will detect animations built with other popular libraries, giving you a broader view of how motion is created across the modern front-end landscape.
Be the first to detect GSAP animations
Sign up for early access to and uncover how stunning web animations come to life. Your feedback will help shape the next generation of this tool.