Motion DevTools chrome extension

Version: 1.1.1
Motion DevTools
Inspect, edit and export animations made with CSS and Motion One.
4.00 Based on 4 user rates

What is Motion DevTools?

Motion DevTools is a css extension for chrome. it's a free extension and is featured in Developer Tools, it has 6,000+ active users since released its first version, it earns an average rating of 4.00 from 4 rated user, last update is 644 days ago.


What’s new in version 1.1.1?

                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.            

How to install Motion DevTools?

You could download the latest version crx file or older version files and install it.


Preview of Motion DevTools


Technical Features:

  • Latest Version: 1.1.1
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Tuesday, July 26th, 2022
  • Author: Motion One

Motion DevTools Available languages:

English.


FAQ


Reviews of motion devtools:


Ferran Buireu October 30th, 2022
Ferran Buireu

Se integra muy bien con las DevTools del navegador y detecta las animaciones automáticamente. Espero que tarde o temprano estas utilidades se integren nativamente en el inspector pero por ahora, de lujo.


Hani Hassan June 25th, 2022
Hani Hassan

Nothing happen? Youtube video is seems fake.

Read more review & comments of motion devtools