Motion DevTools Chrome Extension

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.

How to install Motion DevTools chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Motion DevTools Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Motion DevTools Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Motion DevTools in Chrome Webstore Search and click on the search button.
• Step 3: click on the Motion DevTools Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Motion DevTools extension for your Chrome Web browser .