InSpec
The CSS inspector that remembers. A standalone Mac browser where you click any element, dial in the styles with real visual editors — color pickers, gradient builders, shadow controls — and your edits stay put through reloads. When you're done, copy them out as actual CSS rules, grouped by the stylesheet they belong in. Built for the moment between "looks right in the browser" and "merged to main."
macOS 14 Sonoma or later · Apple Silicon & Intel · Free
Edits that survive a reload
DevTools forgets every change the moment you reload. InSpec keys overrides to the page's URL and reapplies them on every load — including same-page push-state nav, including across quit and relaunch. Iterate for an afternoon without losing a thing.
Built for the handoff
Every edit captures which stylesheet, selector, and original value it overrode. The Source view rewrites your changes as ready-to-paste CSS rules, grouped by the file you'd commit them in. No "now where do I make this change for real" — InSpec already knows.
An interface for editing, not debugging
Sliders for opacity. A real color picker that drives the macOS panel. Visual builders for box-shadow, gradients, border-radius, flex, cubic-bezier. One-click eye toggles to A/B compare. The panel is shaped around changing styles, not just reading them.
Spacious, not stuffed in a sidebar
DevTools cramps everything into a corner of someone else's app. InSpec is its own window — the inspector pane is wide enough to scan properties at a glance, and the controls you actually use mid-edit (responsive viewport presets, inspect mode, alignment guides, the page-overrides badge) all live in the top bar, always one click away. Open the page, start tweaking.
One-click "mute the page"
A/B-compare your overrides against the original without losing them. The page-bar eye toggles every override off; click again to re-enable them all. Per-property eye toggles for finer pauses — pause one property without touching the others.
DOM nav built for editing
Right-click any element to walk ancestors and children inline; the inspector header opens the same chain whenever you need to climb back up. html and head are filtered out — they're never what you actually want to style.
In the wild
Get InSpec
Free direct download. Requires macOS 14 or later.
⬇ Download InSpec