You see a website that's chef's kiss — then spend 30 min in DevTools guessing hex codes and font weights. WebSnatch kills that. One click extracts every color, font, spacing token, and animation from any site — then generates AI prompts so accurate that v0, Cursor, or Lovable recreates it pixel-perfectly. First-ever scroll animation detector. Built-in SEO auditor. 100% free. See it. Snatch it. Ship it.

AppSignal — Track your app’s health, errors and performance with ease

Track your app’s health, errors and performance with ease

Hey Product Hunt! 👋

I'm Harsh Mohan, and I built WebSnatch because I was tired of spending 20 minutes in DevTools trying to reverse-engineer a website's fonts, colors, and scroll animations — and still getting half of it wrong.

So I built a free Chrome extension that does it all in one click. Side panel opens, and everything is just... there.

What you can do with it:

🎨 Extract full design systems — colors, fonts, spacing tokens
🎬 Detect scroll animations — GSAP, Framer Motion, AOS, Locomotive
🎨 Edit any site's UI live — swap fonts, remap colors, tweak gradients
🤖 Generate AI prompts that v0, Cursor, or Lovable can ship from
📦 Export assets, styles, and tokens in one click

Also packed in: god-tier inspector, 25+ point SEO auditor, user flow recorder, and bulk asset downloader. All from a single side panel.

100% free. No sign-up. No paywall. Ever.

We're early — 55+ users, 5.0★ on Chrome Web Store — but shipping updates every week.

What's one thing you wish you could extract from any website but can't today? 🧡