Motion DevTools
Item logo image for Motion DevTools

Motion DevTools

motion.dev
Featured4.2(

5 ratings

)
Item media 4 screenshot
Item media 5 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot
Item video thumbnail
Item media 2 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot

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.

4.2 out of 55 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Christopher BarlowFeb 23, 2024

The "Motion" tab doesn't even appear anywhere in DevTools.

Details

  • Version
    2.0.0
  • Updated
    June 8, 2023
  • Features
    Offers in-app purchases
  • Size
    788KiB
  • Languages
    English
  • Developer
    Matthew Perry
    Motion One
    Saskia van Uijlenburgkade 118 Amsterdam 1058GA NL
    Website
    Email
    matt@motion.dev
  • Trader
    This developer has identified itself as a trader per the definition from the European Union.

Privacy

The developer has disclosed that it will not collect or use your data.

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

Support

Related

daily.dev | The homepage developers deserve

4.9(2K)

Get one personalized feed for all the knowledge you need as a developer.

Checkbot: SEO, Web Speed & Security Tester 🚀

4.9(916)

Test SEO/speed/security of 100s of pages in a click! Check broken links, HTML/JavaScript/CSS, URL redirects, duplicate titles...

Web Vitals

4.1(38)

Measure metrics for a healthy site

Gimli Tailwind

4.5(22)

A DevTools extension enabling smart tools for Tailwind CSS.

Heurio - UX Check & Visual Feedback Tool

4.7(78)

Perfect for UX check, design & development review, heuristic evaluation, user testing and more.

Solid Devtools

5.0(8)

Chrome Developer Tools extension for debugging SolidJS applications.

VisBug

4.8(225)

Open source browser design tools

Amino: Live CSS Editor

4.3(441)

Customize any website with your own CSS and see your changes instantly with Amino!

CSS Peeper

4.6(338)

Extract CSS and build beautiful styleguides.

Responsive Viewer

4.5(239)

Show multiple screens once, Responsive design tester

Hoverify

4.1(118)

All-in-one browser extension to improve your web dev experience.

CSS Brio

5.0(5)

CSS Brio is a fast CSS Animation viewer and CSS code provider for Designers.

daily.dev | The homepage developers deserve

4.9(2K)

Get one personalized feed for all the knowledge you need as a developer.

Checkbot: SEO, Web Speed & Security Tester 🚀

4.9(916)

Test SEO/speed/security of 100s of pages in a click! Check broken links, HTML/JavaScript/CSS, URL redirects, duplicate titles...

Web Vitals

4.1(38)

Measure metrics for a healthy site

Gimli Tailwind

4.5(22)

A DevTools extension enabling smart tools for Tailwind CSS.

Heurio - UX Check & Visual Feedback Tool

4.7(78)

Perfect for UX check, design & development review, heuristic evaluation, user testing and more.

Solid Devtools

5.0(8)

Chrome Developer Tools extension for debugging SolidJS applications.

VisBug

4.8(225)

Open source browser design tools

Amino: Live CSS Editor

4.3(441)

Customize any website with your own CSS and see your changes instantly with Amino!

Google apps