Motion DevTools

by Motion · motion.dev · Developer Tools

FeaturedEstablished publisherManifest V3 in_app

View in Chrome Web Store Data as of 15 Oct 2026

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

Users

4,000

0 in 30 days

Rating

4.6 / 5

+0.06 in 30 days

Ratings

+1 in 30 days

Store rank

#16K

#13K among extensions

Version

2.0.0

updated 8 Jun 2023

Users

monthly, 3 years

Latest, 15 Oct 2026: 4,000 usersMove the mouse over the chart for any month

Ratings count

monthly, 3 years

Latest, 15 Oct 2026: 9 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About Motion DevTools

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.