Inspect, edit and export animations made with CSS and Motion One.
Motion DevTools Extension
🔍 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.
Source Manifest.json
Similar Extensions
Heurio - One-Click Bug Report & UX Check Tool 7,000+ 76 ★ 5.86MiB
Solid Devtools 7,000+ 7 ★ 123KiB
VisBug 7,000+ 252 ★ 5.38MiB
Amino: Live CSS Editor 7,000+ 453 ★ 1.45MiB
Jinno: code any React component with AI 7,000+ 38 ★ 18.37MiB
CSS Peeper 7,000+ 363 ★ 279KiB
Responsive Viewer 7,000+ 298 ★ 639KiB
Hoverify 7,000+ 145 ★ 14.54MiB
CSS Brio 7,000+ 5 ★ 86.26KiB
daily.dev | The homepage developers deserve 7,000+ 2460 ★ 2.28MiB
Web Vitals 7,000+ 43 ★ 398KiB
Gimli Tailwind 7,000+ 33 ★ 151KiB
Rayst - Reveal the web 7,000+ 20 ★ 455KiB
SuperDev Pro 7,000+ 48 ★ 7.6MiB
CSS Scan 7,000+ 84 ★ 1.41MiB
Dopely Colors 7,000+ 15 ★ 2.87MiB
CSS To Tailwind 7,000+ 22 ★ 182KiB
Colorway: Eyedropper & Color Picker Tool 7,000+ 181 ★ 201KiB
Checkbot: SEO, Web Speed & Security Tester ? 7,000+ 940 ★ 1.67MiB
Designer Tools 7,000+ 227 ★ 987KiB
CSS Stacking Context inspector 7,000+ 21 ★ 262KiB
CSS Inspector 7,000+ 64 ★ 2.57MiB
Omni - Bookmark, History, & Tab Manager 7,000+ 63 ★ 1.91MiB
Refined GitHub 7,000+ 213 ★ 572KiB
User reviews
Ferran Buireu (ID: 000000608c9767e4) Voted 5 ★ - Updated 10/30/2022
LN (ID: 000000d209497ee3) Voted 5 ★ - Updated 03/23/2022