Chrome extension for front-end developers

Copy any element as clean Tailwind v4

Click any element on any page and get minimal, paste-ready Tailwind — the whole component, as HTML or JSX. Pixel-accurate.

Add to Chrome — Free See pricing Free every day · Pro is a one-time license
TailGrab picking an element and showing clean Tailwind output

Output you'd actually write by hand

Most tools dump every computed property. TailGrab keeps only what matters.

Minimal output

Only the styles the element actually overrides — never pages of noise.

Whole component

Children are converted too, nested and indented, ready to paste.

Smart colors

Snaps to palette names like blue-600 when they match, keeps the exact value when they don't.

{ }

Three formats

Tailwind classes, HTML, or JSX (className) — one click.

Tailwind v4

Modern spacing scale and arbitrary values when the design needs them.

🔒

Private by design

Pages are processed locally and never leave your browser. Runs only when you click.

Three steps

1

Click the icon

TailGrab activates on the current tab — nowhere else.

2

Pick an element

Hover the page, then click what you want.

3

Copy & paste

Tailwind, HTML, or JSX. Press Esc to stop.

See it in action

Whole component copied as nested HTML Smart palette color mapping

Simple pricing

One-time license, no subscription.

Free
$0
  • 5 copies per day
  • Tailwind, HTML & JSX output
  • Whole-component & palette mapping
Add to Chrome
Best value
Pro
$79 one-time
  • Unlimited copies
  • Everything in Free
  • Lifetime updates · 3 devices
Get Pro

$79 once · no subscription · secure Paddle checkout

Not sure yet? Start free — 5 copies every day, no login. Upgrade only when you want unlimited copies, and even that's covered below.

🛡️ 30-day money-back guarantee — no questions asked. If Pro isn't right for you, email connect@vietcodex.dev with your Paddle receipt within 30 days and we'll refund every cent — no reason needed, no upsell call, a real human replies. Refund policy →

Team or agency? Talk to us about volume licenses.

Built to be trusted

An honest, privacy-first tool from an independent developer — every claim here is verifiable.

Made by an indie dev

Built and maintained by Vietcodex, a solo developer shipping privacy-first browser extensions — ScriptDrag, AnswerGap and StepRecorder. No VC, no ads, no telemetry.

🔑

Minimal permissions

Requests only activeTab, scripting and storage — and no host permissions. TailGrab reads a page only on the tab where you click the icon. Check it yourself on the store listing.

🔒

Your pages stay local

Nothing about the pages you inspect ever leaves your browser. The only network call is a periodic license check for Pro — no analytics SDK, no remote code.

🔁

Actively maintained

Kept working against Chrome browser updates and Tailwind changes. Pro includes lifetime updates. Last updated July 2026.

💳

Secure one-time payment

Checkout is handled by Paddle, our Merchant of Record — your card details never touch our servers and sales tax/VAT is handled for you. $79 once, no subscription.

🛡️

30-day money-back

Not right for you? Email connect@vietcodex.dev within 30 days — no questions, no reason needed. Refund policy →

Add TailGrab to Chrome

Free to start — install, click the icon, and copy your first component.

Add to Chrome — Free
Available onChrome Web Store Coming soonEdge Add-ons Coming soonFirefox Add-ons

Live on Chrome now — Edge & Firefox are on the way.

Already using TailGrab? Be one of the first to rate it on the store — it helps other developers find it, and we read every review.

Frequently asked questions

Is TailGrab free?

Yes. The Free tier gives you 5 copies per day with full Tailwind, HTML and JSX output, whole-component conversion and palette mapping — no login. Pro ($79 one-time) removes the daily limit for unlimited copies, plus lifetime updates and 3 devices.

Do I need an account or login?

No. TailGrab is a browser extension with no sign-up. It runs on the current tab only when you click the icon.

Does my data leave my machine?

No. Pages are processed locally in your browser and are never uploaded. The only network request TailGrab makes is a periodic license check for Pro — nothing about the pages you inspect is ever sent.

What does TailGrab output — Tailwind, HTML or JSX?

All three, one click each. You can copy just the Tailwind classes, the whole element as HTML, or as JSX with className. Children are converted too, nested and indented, ready to paste.

How is the output kept minimal?

TailGrab keeps only the styles an element actually overrides instead of dumping every computed property, so you get markup you'd plausibly write by hand rather than pages of noise.

Does it support Tailwind v4?

Yes. Output uses the Tailwind v4 spacing scale and reaches for arbitrary values only when the design needs them. Colors snap to palette names like blue-600 when they match and keep the exact value when they don't.

Which browsers does it support?

TailGrab is live now on the Chrome Web Store. Edge and Firefox versions are coming soon — see the install section above for the live store link.

Can I move my Pro license to a new device?

Yes. Your Pro license activates on up to 3 devices. To move it to a new machine, email connect@vietcodex.dev with your Paddle receipt and we'll free up a seat.

More developer tools from Vietcodex

Privacy-first browser extensions, each a one-time license.

Get told when it gets better

New Tailwind versions, new output formats, and the occasional new Vietcodex tool. No newsletter padding.

About one email a month. No spam, no sharing — unsubscribe any time by replying. See our privacy policy.