Motion DevTools

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

Motion DevTools: Inspect, Edit and Export CSS, Motion One Animations

Motion DevTools is an advanced browser extension for Chrome. It empowers users to inspect, interact, modify, and replay animations created using CSS and Motion One. The plugin also allows you to make real-time changes to your animation, using an intuitive interface to add or remove keyframes, modify values, and adjust easing. It also supports exporting your finalized animations into CSS transitions, CSS animations, or Motion One.
Install from Chrome Web Store

Extension stats

Users: 7,000+
Rating: 4.50
(8)
Version: 2.0.0 (Last updated: 2023-06-08)
Creation date: 2022-03-21
Risk impact: High risk impact
Risk likelihood:
Manifest version: 3
Permissions:
  • storage
  • webNavigation
Host permissions:
  • file:///*
  • http://*/*
  • https://*/*
Size: 806.91K
URLs: Website

Other platforms

Motion View (v3.0.8)
4.65 (995) 32,056+
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

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.

User reviews

Perfect
by O Menino Misterioso, 2024-06-03

INSANE THANK YOU SO MUCH MOTION ONE TEAM !!!
by Ahmad Iqtaish, 2024-05-01

Great
View all user reviews

Extension safety

Risk impact

Motion DevTools requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk likelihood

Motion DevTools has earned a good reputation and can be trusted.

Upgrade to see risk analysis details

Promo images

Motion DevTools small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Motion DevTools: