Plumbline: CSS Inspector and Copier

Hover any element to see its real CSS, then copy it with hover states, media queries and children. Free, no account.

See how an element on a website is really styled, and copy its styles with a single key. Plumbline shows the rules a site actually wrote, not just computed values, ready to paste. It only runs when you start it on a tab. WHAT YOU GET • Hover an element to see its margin, border, padding, font and colors • Take its styles with hover and focus states, pseudo-elements, media queries, keyframes and variables • Take an element and its children as one HTML snippet with its CSS, up to 400 elements • Get a tidy brief of the element for your AI coding tool • Move through the page with the arrow keys, pin an element, or pause to open menus • See which media queries are active and the site's breakpoints BUILT FOR MODERN STYLESHEETS Works with @layer, nesting, @container, custom properties, oklch colors, adopted stylesheets and same-origin frames. Inspects inside open and closed Shadow DOM, though HTML copies leave out shadow content. Relative image paths are fixed so they keep working after you paste. WHAT IT READS, AND YOUR PRIVACY • On a tab where you start it, it reads the page's HTML, text and CSS, and follows your mouse and shortcut keys. This stays on your computer, and is only used to show results in the panel and copy them when you ask • It asks you once before first use, inside the extension • Runs only when you click the icon or press Alt+Shift+L • No account, no ads, no analytics, and no servers of ours • Values in password and form fields, and hidden inputs, are left out of copies. Text shown on the page is copied as shown • Closing it removes everything it added to the page • When a page loads a stylesheet from another site, Plumbline downloads that file again from the same address, without your cookies, so it can show you the rules. That site sees the request. If it does not allow this, you see computed values and a clear note instead FREE Free, with no account. Everything listed here stays free. New advanced features may be paid later, clearly marked. HOW TO USE 1. Click the Plumbline icon on a website. The first time, read the short notice and click Agree and start 2. Move over an element, then click to pin it 3. Press C for its styles, H for HTML with styles, or A for an AI brief 4. Press Esc to close Chrome does not allow extensions on chrome:// pages or the Chrome Web Store. Made by Shahzaib Malik, based in Pakistan. Questions and bug reports: anchorperson1@gmail.com.