Snipwind - Copy any element as Tailwind, HTML & JSX

Click any element on any website and copy it as clean Tailwind, HTML + CSS, or JSX. Runs locally. No account needed.

Snipwind turns any element on any website into code you can paste straight into your project. Click the Snipwind icon, click an element, and copy it as: • Tailwind CSS classes • Plain HTML with a small stylesheet • A JSX component Every element you pick also gives you: • Hover, focus and pressed states, copied as hover: / focus: classes where the site's stylesheets can be read • A live preview of the copied code, so you can check it (and hover it) before pasting • Every image inside the element, with one-click copy of the address, the picture itself, or the SVG code for icons • Every video inside the element, playable in the panel, with its source address • Colors & Fonts: the palette it uses, click to copy, and the fonts it needs • Copy for AI: the code plus a short instruction, ready for Claude, Cursor, v0 or ChatGPT • History: your last 20 copies, kept on your device WHY SNIPWIND Most copy tools dump every computed style and leave you to clean up. Snipwind keeps only what the element needs: • No defaults, no noise. Styles the browser or Tailwind already applies are left out. • Stays flexible. Widths that were auto, percentages or calc() stay that way, so the copy still adapts to its container. • Readable shorthands. Padding, margins, borders and corners collapse into p-4, px-2, rounded-lg and friends. • Icons and details. Inline SVG icons keep their colours, and ::before / ::after decorations come along. • Works with Tailwind v3 and v4. Only class names that mean the same thing in both are used. HOW TO USE 1. Click the Snipwind toolbar icon, or press Alt+Shift+C. 2. Hover to highlight an element and click to select it (right-click or Enter work too). Arrow keys move to the parent, child or siblings. Clicks never reach the page while you pick, so videos and links stay put. 3. Pick Tailwind, HTML + CSS or JSX and press Copy. PRIVATE BY DESIGN Snipwind only runs when you click it and works entirely inside the page. No account, no analytics, and no page content is ever sent anywhere. GOOD TO KNOW • Fonts: font names and sizes are copied, font files are not. • Responsive breakpoints are not captured; you get the element at the current window size. • Hover states need the site's stylesheets to be readable, which some sites block. • Please respect other people's work: text, images, logos and designs belong to their owners.