Inspect

See what's behind every element on the page.

Open Inspect mode while you review a page. Check styles, spacing, and components, pin what you find to the right element, and give your team a clear next step.

Inspect the page in context.

Click any element on the live page to see its styles, spacing, and structure. Keep your findings next to the element they concern, so the team knows where to start.

Inspect mode on a heading of the Astro homepage, with its layout, spacing and typography in the side panel

Turn a finding into a clear fix.

Spot the wrong font size, the uneven padding, or the off-brand color, then pin it with a note. The developer gets the exact element and the details they need, without another round of questions.

Inspect mode on a button, showing its size, spacing and colours

Highlight components across the page.

Turn on the components highlighter to see how a page is built and where each component is used. It makes it easier to catch inconsistencies and talk about the design in the same language as your developers.

The components highlighter outlining each component in a features section

Check every screen size in one place.

Switch between viewports without leaving the review. See how layouts hold up on desktop, tablet, and mobile, and pin issues on the exact breakpoint where they appear.

One page shown at mobile, tablet, laptop and desktop widths side by side
Ready when you are

Make the next
website review easier.

Give your team and clients one clear place to see the issue, capture the context, and share the fix.

Explore the tools
FAQs

Frequently asked questions

What to know about LayerDock, privacy, and getting started.

What does Inspect mode do?

Click any element on the page you are reviewing and Inspect mode shows its box model, spacing and computed styles, with distance guides to its neighbours. It reads the page and changes nothing on it.

Is Inspect mode available on the Free plan?

Yes. Inspect mode, the components highlighter and the viewport switcher are included on every plan, Free as well as Pro and Agency.

Do I need to know how to code to use Inspect mode?

No. Click the element you have a question about and the details are laid out for you. You can pin a note without reading any of it; the developer who picks up the pin gets the element and its styles either way.

Does a coding agent get the Inspect details?

On the Agency plan, yes. Every pin saves the same read Inspect shows (spacing, radius, typography, colours and shadow), and the LayerDock MCP server hands it to your coding agent with the pin, so the fix matches the exact values instead of a guess from a screenshot.