Copy CSS

Click any element to copy its HTML and computed CSS as a ready-to-use snippet. Great for cloning UI styles fast.

Copy CSS turns any webpage into a source of ready-to-use HTML and CSS. Great to use with /clone-style Claude Code skill to reproduce necessary elements in your project. Click the toolbar icon to enter picker mode, just like the browser's own inspect-element tool. Hover to highlight elements on the page, then click the one you want — its markup and styles are instantly copied to your clipboard. What gets copied: clean, indented HTML for the selected element and all of its children, plus a matching style block with the computed CSS for that element and every descendant. Only the CSS that actually differs from the browser's default for that tag is included, so you get a usable snippet instead of thousands of redundant lines. Paste the result straight into your own project to recreate the look and feel of any element you find on the web. How to use it: click the Copy CSS icon in your toolbar, move your mouse over the page to see the hovered element highlighted, then click the element you want. Press Escape or click the icon again at any time to cancel without selecting anything. Copy CSS only runs on the tab you activate it on and only reads what's needed to build the snippet. It doesn't collect, store, or transmit any of your browsing data.