Introducing MageTools

DevTools you'll actually enjoy using

MageTools is a faster, easier alternative to Chrome's DevTools inspector. It lets you inspect styles 5x faster, edit CSS in real time, and more.

Get MageTools
Feature

Inspect styles faster

Inspect styles 5 times faster than DevTools. And unlike DevTools, MageTools doesn't resize your screen or take multiple clicks to open.

Feature

Edit CSS in realtime

Rapidly design UIs with a live CSS editor. Test out rules in real time.

Feature

Jump between parents and children

MageTools helps you find the styles you're looking for by listing the parents and children of any element.

Feature

Make mobile development easier

New! When you resize a window, MageTools will show its dimensions. Perfect for testing media queries. And you can open a mobile-sized window for quick testing.

Feature

Use gaming-inspired shortcuts

You can set your own shortcut to open MageTools. Once it's open, it uses gaming-inspired shortcuts to speed up your workflow.

  • W hold to show an element's parents and children
  • A press to move left
  • S hold to inspect an element behind the panel
  • D press to move right
  • E press to open editor
36% off today
$30
$19/year
Buy MageTools
Available for Chrome, more browsers coming soon
Made by Mark