Overview
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.
Christopher BarlowFeb 23, 2024
The "Motion" tab doesn't even appear anywhere in DevTools.
Details
- Version2.0.0
- UpdatedJune 8, 2023
- FeaturesOffers in-app purchases
- Size788KiB
- LanguagesEnglish
- DeveloperMatthew PerryWebsite
Motion One
Saskia van Uijlenburgkade 118 Amsterdam 1058GA NLEmail
matt@motion.dev - TraderThis developer has identified itself as a trader per the definition from the European Union.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes