Item logo image for Motion DevTools

Motion DevTools

motion.dev
Featured
4.5 (

8 ratings

)
Item media 4 (screenshot) for Motion DevTools
Item media 5 (screenshot) for Motion DevTools
Item video thumbnail
Item media 2 (screenshot) for Motion DevTools
Item media 3 (screenshot) for Motion DevTools
Item media 4 (screenshot) for Motion DevTools
Item media 5 (screenshot) for Motion DevTools
Item video thumbnail
Item media 2 (screenshot) for Motion DevTools
Item video thumbnail
Item media 2 (screenshot) for Motion DevTools
Item media 3 (screenshot) for Motion DevTools
Item media 4 (screenshot) for Motion DevTools
Item media 5 (screenshot) for Motion DevTools

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

Learn more about results and reviews.

Details

  • Version
    2.0.0
  • Updated
    June 8, 2023
  • Features
    Offers in-app purchases
  • Size
    788KiB
  • Languages
    English
  • Developer
    Matthew Perry
    Saskia van Uijlenburgkade 118 Amsterdam 1058GA NL
    Website
    Email
    matt@motion.dev
    Phone
    +31 6 15490461
  • Trader
    This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.

Privacy

Manage extensions and learn how they're being used in your organization
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

Hoverify: All-in-one extension for web developers

4.1

All-in-one browser extension that helps you inspect, edit, test, debug, capture, and optimize websites faster.

CSS Brio

5.0

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

daily.dev | The homepage developers deserve

4.8

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

Checkbot: SEO, Web Speed & Security Tester 🚀

4.9

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

CSS To Tailwind

3.6

Convert a website's styles to Tailwind CSS classes

Heurio - One-Click Bug Report & UX Check Tool

4.7

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

Solid Devtools

5.0

Chrome Developer Tools extension for debugging SolidJS applications.

VisBug

4.8

Open source browser design tools

Amino: Live CSS Editor

4.3

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

Jinno: code any React component with AI

4.8

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

Scroll-Driven Animations Debugger

5.0

A DevTools extension to visualize and debug Scroll-Driven Animations

CSS Peeper

4.2

Inspect website styles in seconds. Supercharge your workflow, and save hours of work.

Hoverify: All-in-one extension for web developers

4.1

All-in-one browser extension that helps you inspect, edit, test, debug, capture, and optimize websites faster.

CSS Brio

5.0

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

daily.dev | The homepage developers deserve

4.8

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

Checkbot: SEO, Web Speed & Security Tester 🚀

4.9

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

CSS To Tailwind

3.6

Convert a website's styles to Tailwind CSS classes

Heurio - One-Click Bug Report & UX Check Tool

4.7

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

Solid Devtools

5.0

Chrome Developer Tools extension for debugging SolidJS applications.

VisBug

4.8

Open source browser design tools

Google apps
Create a Mobile Website
View Site in Mobile | Classic
Share by: