Item logo image for Motion DevTools

Motion DevTools

motion.dev
Featured
4.5(

8 ratings

)
ExtensionDeveloper Tools7,000 users
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.5 out of 58 ratings

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

Review's profile picture

O Menino MisteriosoJun 3, 2024

Perfect

1 person found this review to be helpful
Review's profile picture

Ahmad IqtaishMay 1, 2024

INSANE THANK YOU SO MUCH MOTION ONE TEAM !!!

1 person found this review to be helpful
Review's profile picture

酸菜小鱼Mar 31, 2024

Great

1 person found this review to be helpful

Details

  • Version
    2.0.0
  • Updated
    June 8, 2023
  • Features
    Offers in-app purchases
  • Size
    788KiB
  • Languages
    English
  • Developer
    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

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.8(2.4K)

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

Web Vitals

4.1(43)

Measure metrics for a healthy site

Gimli Tailwind

4.5(30)

A DevTools extension enabling smart tools for Tailwind CSS.

Heurio - One-Click Bug Report & UX Check Tool

4.7(76)

Fastest website review, bug report and heuristic evaluation tool for designers and devs.

Solid Devtools

5.0(7)

Chrome Developer Tools extension for debugging SolidJS applications.

VisBug

4.8(248)

Open source browser design tools

Amino: Live CSS Editor

4.3(449)

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

Jinno: code any React component with AI

4.8(38)

Develop html or react components with AI and chat GPT4. We can modify the React, HTML and CSS code for you.

CSS Peeper

4.6(355)

Extract CSS and build beautiful styleguides.

Responsive Viewer

4.3(284)

Show multiple screens once, Responsive design tester

Hoverify

4.1(145)

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.8(2.4K)

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

Web Vitals

4.1(43)

Measure metrics for a healthy site

Gimli Tailwind

4.5(30)

A DevTools extension enabling smart tools for Tailwind CSS.

Heurio - One-Click Bug Report & UX Check Tool

4.7(76)

Fastest website review, bug report and heuristic evaluation tool for designers and devs.

Solid Devtools

5.0(7)

Chrome Developer Tools extension for debugging SolidJS applications.

VisBug

4.8(248)

Open source browser design tools

Amino: Live CSS Editor

4.3(449)

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

Google apps