Copy DOM + CSS
Extension Actions
Select any element and copy its HTML with all styles
Point at any element on a webpage, click, and get its complete HTML with all styles inlined on your clipboard. Paste it into any HTML file and it renders exactly like the original.
What gets captured:
• Full HTML tree of the selected element
• All computed CSS styles, inlined on each element
• Custom web fonts with @font-face rules and resolved URLs
• CSS animations and @keyframes
• Pseudo-elements (::before, ::after) converted to real elements
• SVG icons with correct colors, strokes, and dimensions
• Images with absolute URLs and preserved sizes
• Background images and gradients
How to use:
1. Click the extension icon in the toolbar
2. Hover over any element to see it highlighted
3. Click to copy the element to your clipboard
4. Press Escape to cancel
5. Paste into any HTML file
No data is collected. No data is sent anywhere. Everything stays on your clipboard.