Copy any web element.
Paste into AI.
Yoink is a free Chrome extension for developers and designers. Hover over any element on any website, click, and copy a complete bundle — HTML, CSS, Tailwind, JSX, fonts, asset URLs, screenshots — straight into Claude or ChatGPT for pixel-perfect reproduction.
What you can yoink
📋 AI-ready bundle
HTML, CSS, Tailwind, fonts, assets and a prompt that tells the AI to reproduce 1:1 and download assets locally.
🌳 Deep CSS
Recursive subtree dump — solves the "header looks wrong because nested styles are missing" problem.
🖼 Element screenshot
Clean PNG of just the selected element. No browser chrome, no overlay, no scrollbar.
📄 Full-page screenshot
Scroll-stitched full page with sticky-header de-duplication. Pixel-perfect, scrollbar removed.
🎨 Tailwind converter
Computed styles → Tailwind v3 utility classes. Smart color matching against the official palette.
⚛️ JSX export
HTML → React JSX with proper camelCase. Drop into your codebase.
♿ A11y inspector
Role, aria-*, WCAG AA/AAA contrast ratio, focusable check.
🔠 Fonts
Detected @font-face URLs, Google Fonts suggestions, fontface fingerprinting.
🌐 10 languages
Full UI in English, Russian, Spanish, Chinese, Japanese, German, French, Portuguese, Korean, Italian.
FAQ
What does Yoink do?
Hover over any element on any website, click to lock it, and copy a complete bundle to your clipboard — HTML, CSS, Tailwind classes, JSX, fonts, asset URLs, screenshots — ready to paste into Claude or ChatGPT for pixel-perfect reproduction.
Is Yoink really free?
Yes. 100% free, forever. No paywall, no premium tier, no ads, no accounts.
How is it different from CSS Peeper, CSS Scan or VisBug?
Yoink is built for AI workflows. Every copy operation produces an AI-ready bundle with a prompt header that instructs Claude or ChatGPT to reproduce the element exactly. It also has recursive Deep CSS for nested elements, full-page screenshot stitching, Tailwind conversion, JSX export, accessibility audit, and 10-language UI — all free.
Does it work on React / Vue / Next.js / Webflow / Framer?
Yes. Yoink works on any standard webpage including React, Vue, Next.js, Webflow, Framer, WordPress, and static sites. It cleans framework noise (data-reactid, ng-*, etc.) automatically.
Does Yoink collect any data?
No. Yoink does not transmit, store, or sell any data. There are no servers, no analytics, no accounts. Everything happens locally in your browser.
Can I use Yoink commercially?
Yes, free for personal and commercial use. You may not modify, redistribute, or publish derivatives on extension marketplaces — see the license.