TailGrab — Copy as Tailwind

TailGrab turns any element you see on the web into clean, paste-ready Tailwind code.

Click the toolbar icon, hover the page, and click what you want. TailGrab reads the element's real styles and gives you a minimal Tailwind v4 class string — not a dump of every computed property. Copy a single element's classes, or grab the whole component as nested HTML or JSX.

WHY DEVELOPERS LIKE IT • Minimal output — only the styles that matter, never pages of noise. • Whole-component copy — nested children converted too, indented and ready. • Tailwind v4 — modern spacing scale and arbitrary values when needed. • Smart colors — snaps to palette names like blue-600 when they match, and keeps the exact value (e.g. [#2c3e50]) when they don't, so the result stays accurate. • Three formats — Tailwind classes, HTML, or JSX (className). • Private by design — your pages are processed locally and never leave your browser. The extension only runs when you click it.

HOW IT WORKS

1. Click the TailGrab icon.
2. Hover, then click any element.
3. Copy the Tailwind / HTML / JSX. Press Esc to stop.

PRICING Free every day, with a Pro upgrade for unlimited copies. One-time license, no subscription required.

Built by Vietcodex.