TailGrab — Copy as Tailwind 作者： Vietcodex
Click any element on any page and copy it as a clean Tailwind v4 component (HTML / JSX).
扩展元数据
关于此扩展
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.
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.
评分 0（1 位用户）
权限与数据
更多信息