Motion DevTools

Motion DevTools is a Chrome extension developed by Motion One. According to the data from Chrome web store, current version of Motion DevTools is 1.1.1, updated on 2022-07-26.
6,000+ users have installed this extension. 4 users have rated this extension with an average rating of .
developer website: motion.dev

Inspect, edit and export animations made with CSS and Motion One.

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.