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.
Latest reviews
- (2022-10-30) 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.
- (2022-06-25) Hani Hassan: Nothing happen? Youtube video is seems fake.
- (2022-03-23) LN: J' adore !!!