Motion DevTools

motion.dev

Featured

4.5(

8 ratings

)

Extension Developer Tools7,000 users

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 5
8 ratings
Google doesn't verify reviews. Learn more about results and reviews.

O Menino Misterioso
Jun 3, 2024

Perfect

Ahmad Qutaish
May 1, 2024

INSANE THANK YOU SO MUCH MOTION ONE TEAM !!!

酸菜小鱼
Mar 31, 2024

Great

Details

Version
2.0.0
Updated
June 8, 2023
Features
Offers in-app purchases
Report a concern
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

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(2.2K)

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

Web Vitals

4.1(41)

Measure metrics for a healthy site

Gimli Tailwind

4.4(27)

A DevTools extension enabling smart tools for Tailwind CSS.

Heurio - One-Click Bug Report & UX Check Tool

4.7(77)

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(244)

Open source browser design tools

Amino: Live CSS Editor

4.3(446)

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

Jinno: code any React component with AI

4.7(35)

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(350)

Extract CSS and build beautiful styleguides.

Responsive Viewer

4.3(274)

Show multiple screens once, Responsive design tester

Hoverify

4.0(137)

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