Copyat: Copy any element as HTML, CSS & Tailwind

Click any element on a page to save a screenshot plus clean HTML, CSS, Tailwind CSS v4 and JSX code to a searchable history.

Copyat turns any element on any website into reusable code with one click. Pick an element, a heading, a card, a button or a whole section, and Copyat saves: • A pixel-perfect screenshot of the element • Clean HTML + vanilla CSS (only the styles that matter, not hundreds of defaults) • Tailwind CSS v4 classes, using the default scale when values match exactly • A ready-to-paste React/JSX component • A @theme block with the fonts in use Everything goes into a history in the side panel, where you can search, favorite, preview and copy any capture later. HOW TO USE 1. Click the Copyat icon to open the side panel and press "Pick element" (or press Alt+Shift+C). 2. Hover over the page: the element under your cursor is highlighted with its tag and size. 3. Use ↑ ↓ to move to the parent or child, ← → for siblings. 4. Click or press Enter to capture. Esc cancels. PRIVATE BY DESIGN All captures stay on your device. Copyat has no servers, no accounts, no analytics and no tracking. It only runs on a tab when you start the picker.