Motion DevTools
Inspect, edit and export animations made with CSS and Motion One.
As of May 2026, Motion DevTools has 5,000 users and a 4.50/5 rating from 8 reviews in the Developer Tools category.
Usersup 66.7 percent+66.7%
5.0K
5,000
Ratingno change0%
4.50
8 reviews
Reviewsno change0%
8
Version
2.0.0
Manifest V3
90-day change · In the last 90 days this extension gained 2.0K users.
History
2 snapshotsTracking since Apr 1, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 1, 2026 | 3.0K | 4.50 | 8 | 2.0.0 |
| Apr 30, 2026 | 4.0K | 4.50 | 8 | 2.0.0 |
| Now | 5.0K | 4.50 | 8 | 2.0.0 |
Permissions & access
- Permissions
- storagewebNavigation
- Host access
- file:///*, http://*/*, https://*/*
Screenshots
About
Motion DevTools is a browser extension to inspect, edit and export animations made with CSS and Motion One. 🔍 Inspect: Press record and interact. Detected CSS and Motion One animations will be plotted on a classic timeline interface. Use the playback controls to scrub through and replay your animation from any point. ✍️ Edit: Add, move and remove keyframes. Edit values and easing with custom controls, and your edits will be reflected on the page in real-time. 🚢 Export: Perfected your animation? Hit the export button to instantly generate code. Export any animation into CSS transitions, CSS animations or Motion One.
Technical
- Version
- 2.0.0
- Manifest
- V3
- Size
- 788KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- Yes
Metadata
- ID
- mnbliiaiiflhmnndmoidhddombbmgcdk
- Developer ID
- u16a11eb35ac08e71e7a6af63f88a0eb4
- Developer Email
- [email protected]
- Created
- Mar 21, 2022
- Last Updated (Store)
- Jun 8, 2023
- Last Scraped
- May 29, 2026
- Website
- motion.dev
- Support URL
- —
- Privacy Policy
- —
Similar extensions
Alternatives to Motion DevTools, ranked by description similarity.
Pro Tools
14-in-1 browser extension developers and designers love.
59
★ 5.0
Visual Animation Generator
Add animations to your website visually, no coding needed!
199
★ 4.0
DragCSS — Copy Visual CSS Changes for AI & Copilot
Drag any webpage element, see CSS changes live, and copy the diff to paste into Copilot, ChatGPT, or any AI.
24
Rombo
Add beautiful, customisable animations to any website element in one-click
1.0K
★ 2.0
Bouncy House - Animate any website
Design, test and deploy animations on any website. Right from the browser!
9
★ 4.5
Scroll-Driven Animations Debugger
A DevTools extension to visualize and debug Scroll-Driven Animations
3.0K
★ 5.0
MiroMiro
Inspect any website's design: extract colors, fonts, spacing, SVGs, Lottie animations, and export to code. No DevTools needed.
10.0K
★ 5.0
Css Ani Helper
Css Ani Helper
—
Data sourced from the Chrome Web Store · last verified May 29, 2026.