InSpec — Easy CSS Tweaks

Smart edits and annotations

Only for Mac

$9.99

Mac

DevTools but built for editing, not debugging. Click any element, dial in styles with visual builders, and copy your changes out as paste-ready CSS. 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.

Ratings & Reviews

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

New • Variants strip — every pseudo-class and @media context the page authors against the inspected element, one click away. Pick one and InSpec promotes the variant's declarations onto the live element so you can edit hover, focus-visible, dark mode, or print without triggering the state. • Chip-driven matching — pseudo-state rules no longer flicker into the panel because your cursor drifted over the element. • Overridden declarations within a rule are hidden, the way DevTools strikes them through — except we remove the row so the panel stays scannable. Improved • Rules read as authored. font: inherit stays one row instead of exploding into longhands; background: red stays a shorthand. • License menu updates live — no relaunch after registering or unregistering. Fixed • Clicking the color picker swatch while its popover is open closes the popover instead of closing-and-reopening it. • Grid visualizer shows authored track values like repeat(3, 1fr) instead of WebKit's computed expansion.

Version 1.2.1

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

    Information

    Seller
    • Benjamin Dansby
    Size
    • 2.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
  • Developer Website
  • Privacy Policy

    • Supports

    • Family Sharing

      Up to six family members can use this app with Family Sharing enabled.

    More by Benjamin Dansby