InSpec

Switch into :hover, :focus-visible, dark mode, and other states without holding a key or freezing the DOM. InSpec just shows you the element as it actually behaves — so you can edit the styles that matter, not just the ones that are easy to reach.

Close the tab, reload the page, quit and relaunch — InSpec's overrides are still there. Browser DevTools forgets everything the moment the page moves. InSpec doesn't, which means you can work iteratively without starting from scratch every time.

Done tweaking? Copy your edits as clean, ready-to-paste CSS, or save them straight back to the right stylesheet or HTML file. No manual transcription, no diffing what changed. InSpec gets your edits where they need to go.

Every CSS property gets the control it deserves — sliders for spacing and sizing, a color picker for anything color-related, shorthand builders for properties like border or transition. You're editing visually, not typing values blind and hoping for the best.

InSpec lives in its own Mac window, not squeezed into a browser sidebar you have to keep resizing. More room to see your ruleset, more room to edit, and it stays exactly where you left it.

Screenshot any page at any viewport size — mobile, tablet, desktop — and bake your annotations straight into the image. Useful for documentation, async feedback, or handing off exactly what you saw to a developer or client.