Copy HTML with CSS

Adds a DevTools Elements sidebar that lets you copy the selected element's HTML along with its computed CSS as inline styles.

Are you a backend developer who still can’t figure out how to center a <div> — but you can copy your HTML into ChatGPT? Then this extension is for you! This handy little tool adds a sidebar to your Chrome DevTools that lets you copy any HTML element along with its CSS — with all the styles automatically converted into inline styles. Perfect for quick prototyping, debugging, or just asking your favorite AI assistant why your layout is broken. The extension also comes with a few simple customization options, like hiding selected elements or filtering out specific styles before copying — so you get exactly the output you need. Built by a backend developer, for backend developers — because we deserve nice things too.