InSpec — Smart CSS Edits

Persistent edits, easy handoff

Only for Mac

$9.99

Mac

InSpec is a CSS editor and annotator for any web page. Click an element and InSpec opens the panel grouped by ruleset — every CSS rule whose selector matches that element, in cascade order, with the rule's declarations editable in place and shown exactly as authored. Dial in the styles with visual editors, and your edits stay put through reload, navigation, even quit and relaunch. Each edit is keyed to the page's URL. You can also add annotations and notes to any element on the page. When you're done, copy your edits out as actual CSS rules, or save them directly to your source. For local pages that includes the HTML itself: inline edits land back on the element's style attribute, style block edits append a fenced override block in head, and stylesheet edits splice into the right .css file. The "now translate this cascade fight back into my source by hand" tax is just gone. InSpec is perfect for a designer-developer handoff, stakeholder presentations, or vibe coding sessions. You can also save your edits and annotations as images in a variety of viewport widths with a single click. • An interface for editing, not debugging. Real macOS color picker. 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. InSpec is its own window. Responsive viewport presets, inspect mode, alignment guides, and the page-overrides badge all live in the top bar, always one click away. • Every variant of an element, one click away. Hover, focus-visible, disabled, dark mode, print, reduced motion — InSpec reads the page's CSS and lists every pseudo-class and @media context the author wrote against the element you're inspecting. Pick one and InSpec promotes its declarations onto the live element so you can edit the hover state without holding the mouse there, the dark variant without flipping system appearance, the print rule without opening print preview. A "Variant rules only" filter narrows the panel to just the rules that variant changes. • Pick where each edit gets saved. The Add property modal asks you up front: inline (element.style), style block, or any of the page's attached stylesheets. Every override carries that provenance, and a chip on each row lets you retarget any edit later without losing the value. • 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. • 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. • Save-to-source writes CSS, style, and inline. On local-file pages, InSpec writes inline-targeted edits back onto each element's style attribute, appends style overrides into head, and splices stylesheet edits in place — all in one round-trip. • Breakpoint-aware overrides. Edit a property whose source rule sat inside an @media block and the override scopes to the same query — no leak to other breakpoints, no leak to the base style. Per-property picker for any edit's applies-to set. • One click to A/B compare overrides against the original without losing them. Per-property eye toggles for finer pauses. • DOM nav built for editing. Right-click any element to walk ancestors and children inline. • Annotations let you record stakeholder feedback or provide feedback to coding agents in one pass. InSpec is featherweight and native. SwiftUI + WebKit + a small injected JS inspector. No telemetry, no servers, no remote dependencies.

  • This app hasn’t received enough ratings or reviews to display an overview.

New • Pin an override to keep it. — Pinned overrides survive Clear All, so a fix you're still testing stays put while you clear the experiments around it. • CSS variables show what they resolve to. — Each var() in a value appears as a pill with its resolved value, and clicking one lets you pick a different variable for just that part. • Saving to an HTML page edits its own style block in place. — An edit to a rule in the page's style now rewrites that declaration instead of adding an override block at the end. Edits that apply to one element are still added as a rule of their own. • See a page in light mode while your Mac is in dark mode. — Page Modes offers prefers-color-scheme: light, showing the page the way light-mode visitors see it. • Copy Image from the toolbar. — The capture button is now a menu with Copy Image and Capture. • The selected element stays in view when you change the viewport width. — Once the page reflows, it's centred again. • Quicker keyboard work. — Arrow keys step the number under the caret in a value, Return in the address bar loads the page and hands the keyboard to it, and clicking the address selects it. Fixed • Esc no longer takes you out of full screen. — It reaches the page again too, so a site's dialogs and menus close with it, and Esc while editing a property cancels the edit without deselecting the element. • Page modes switch on only the rules that apply. — Turning on one mode forced every rule that mentioned it, so More Contrast also applied a page's contrast-plus-dark-mode rules to a light page. • Variants you add are kept. — They survive deselecting and reselecting the element, and edits made while a variant is on show immediately instead of after switching it off and on. • Selected rows in Page Modes are readable over dark pages. • Long values wrap inside their field. — Multi-line values are edited in their one-line form. • Captures keep the page's layout and form state. — Some pages were laid out differently in a capture, with icons growing to several times their size, and choices, ticks and typed text reverted. A crash during capture is fixed too. • Clear All counts text edits. Removed • Capture to MockHop.

The developer, Benjamin Dansby, indicated that the app’s privacy practices may include handling of data as described below. For more information, see the developer’s privacy policy .

  • Data Not Collected

    The developer does not collect any data from this app.

    Privacy practices may vary, for example, based on the features you use or your age. Learn More

    The developer indicated that this app supports the following accessibility features. Learn More

    • Supported Features

      • VoiceOver

      • Voice Control

      • Dark Interface

      • Differentiate Without Color Alone

      • Sufficient Contrast

      • Reduced Motion

    Seller
    Benjamin Dansby
    Size
    4 MB
    Category
    Developer Tools
    Compatibility
    Requires macOS 14.0 or later.
    • Mac
      Requires macOS 14.0 or later.
    Age Rating
    16+
    Copyright
    © 2026 Benjamin Dansby