Code capture

Code capture

Lifting real HTML, CSS and components off a live page without losing the styles.

Articles in Code capture

A designed pricing card on the left and the same content pasted as bare unstyled text and default list markers on the right.
Code capture

10 min read

How to Copy the HTML and CSS of Any Element on a Website

The markup is the easy half. The styles are spread across a stylesheet, a :root block, a font declaration and possibly a shadow tree — which is why the paste comes back looking like 1996.