Nitpique: Web Inspector for Design, Dev & QA

All-in-one web inspector for design, dev and QA: measure, live-edit CSS, check accessibility, audit SEO, annotate. Free.

Nitpique is a web inspector for designers, developers and QA. It puts the checks you make on a page into one toolbar, so you can stay on the page instead of opening DevTools or switching between extensions. Point at any element to see its size and the space around it, read its CSS, and change it live. When you are done, copy your changes as code, check the page for accessibility and search, and mark up a screenshot to share what you found. Built for people who check pages against a design. Measure • Distances between elements as you hover • Rulers, guides and a grid that snap to element edges • Box model: margin, border, padding and content • Text edges: cap height, x-height and baseline Inspect • The full CSS cascade of any element, with where each rule comes from • Copy styles as CSS, Tailwind classes or JSX • Force :hover, :focus and :active states • Overlays that show how flex and grid layouts are built • Fonts, sizes, line heights and weights • Shadow DOM and iframes Responsive • A responsive canvas with preset and custom viewports Color and accessibility • Color picker with a loupe up to 32×, in seven formats from HEX to OKLCH • Contrast checker for WCAG 2 and APCA • Target sizes, headings and tab order • Color-vision deficiency simulation Edit live • Change colors, spacing, sizes and text on the page and see it at once • Drag handles to resize, with snapping • Undo, redo and copy your changes as CSS Capture and annotate • Screenshots of the visible area or the full page • Annotate on the page itself: pen, boxes, arrows, text and redaction • The Nitpique Annotator for any image: arrows, shapes, text, blur and redaction Page checks • Page design: palette, type scale and spacing tokens • How search engines and AI assistants read the page, with what to fix • Tech stack: the frameworks and tools a page uses • Layout shifts, horizontal overflow and asset weight Private by design Nitpique collects no data. It works only on the tab you turn it on in, and your settings stay in this browser. Shortcut: Alt+Shift+M turns Nitpique on or off. Docs and help: https://nitpique.dev/docs