Copied!
Built for Claude Code

Reverse-Engineer Any Website With Claude

Analyze animations, WebGL, shaders.
Get the code. Rebuild anything.

Your first analysis is free. Further analyses start at $5. No card to start.

↓ Scroll to explore

How does Enrichr take
a site apart?

+ 3,000 elements parsed

We read the rendered DOM.

Not the source you wish had shipped — the DOM after JavaScript ran and the page settled. Every node, every applied rule, every computed value.

+ 5,000 keyframes traced

We capture the motion, the part a screenshot always loses.

Keyframes, easings, durations, scroll triggers, hover and focus states — recorded as values you can rebuild from.

+ 180 draw calls logged

We reverse-engineer the WebGL, not just render it.

Shader source, uniforms, draw calls, and the full scene graph — geometry, materials, lights, cameras — recovered as data you can rebuild the scene from, not a video of it playing.

+ 200 tokens recovered

We extract the design system underneath the page.

Colors, the real type scale, spacing units, radii — pulled from computed styles, not guessed from a screenshot, and de-duplicated into the token set the page is actually built on.

+ 5 source maps recovered

We recover the source maps most tools skip.

When a site ships them, minified code decompresses back to original file names, real variable names, and readable function bodies — the difference between reading a rebuild and reading someone else's project.

+ 34 tools, one MCP call away

You never start from a blank file.
We hand it straight to Claude.

Design tokens, a used-CSS sheet, responsive deltas and a rebuild brief — delivered over MCP, ready to build against.

Reverse-Engineer Any Website
Start for free!

How to use it,
in 60 seconds

What the video shows
  1. Go to enrichr.dev. Reverse-engineer any website with Claude.
  2. Paste a URL and hit Analyze. Any public site, or pick a recent one. The example analyses enrichr.dev itself.
  3. Get an instant preview. The stack, motion, WebGL and design tokens. The preview is your free analysis; the full rebuild brief comes with a credit pack or plan.
  4. Watch the four layers run. DOM structure, meta and links in about 150 ms; GSAP, ScrollTrigger and Three.js in parallel; then a deep profile with fonts, OCR, breakpoints and source maps. The example run finished in 93.9 seconds.
  5. Download it all. The full assessment in one file: DOM, motion, fonts, OCR and responsive values. The example run produced 119 artefacts, written as a brief for Claude.
  6. Rebuild with Claude. Connect Claude Code in one click.

Watch it on its own page · All videos

Three steps
to get started

Step 1 — Copy your API key 
Endpoint: https://enrichr.dev/mcp
API Key:   enrichr_your-key-here
Step 2 — Connect Claude Code

Shown for Claude Code's CLI, the most reliable path for a heavy capture. Claude.ai, Claude Desktop, ChatGPT, Cursor, VS Code, Windsurf and Cline connect too — see the full setup guide for each.

claude mcp add --transport http enrichr \
  https://enrichr.dev/mcp \
  --header "X-API-Key: enrichr_your-key-here"
Step 3 — Start analyzing 
In Claude Code:
"Reverse-engineer https://example.com"

That's it. Start analyzing.

Try Now
One-click for Claude Code

Skip the copy-paste.
Connect in one click.

Copies the exact command from Step 2 straight to your clipboard — paste it into Claude Code's terminal and you're connected.

Built for Claude Code

Pair Enrichr with its own skill

A companion Claude Code skill that teaches Claude which tool to reach for, how to verify something found in a capture is actually live on the page rather than just present in the code, and the rebuild gotchas that otherwise ship a page that silently 404s or renders blank.

View the skill on GitHub

Videos

How to
01 / 10 Scroll over a video · drag · click

What Enrichr Detects

Layer 1

DOM & Structure

  • Full rendered element tree
  • Auto-detected tech stack
  • Video, audio & media elements
  • Links, images & heading counts
Layer 2

Animations

  • GSAP & ScrollTrigger
  • Framer Motion
  • Lenis smooth scroll
  • Exact timings & easing curves
Layer 3

WebGL & 3D

  • Three.js & Babylon.js
  • Custom GLSL shaders + complexity ratings
  • 3D models (GLB, GLTF, OBJ)
  • Particle systems
Layer 4

Deep Site Profile

  • Design tokens — colors, type, spacing
  • Source maps & original source code
  • Fonts, frameworks & asset inventory
  • Responsive ladder + interaction states
Soon

Coming next: post-processing chains, more animation libraries, performance metrics.

What a fetch cannot see

A model without a browser gets one thing: the bytes the server returns. Here is the same page measured both ways — a three.js demo whose entire content is built at runtime, in GPU memory.

Measured on threejs.orgPlain fetchEnrichr
HTML returned4,121 bytes 47,092 rendered
WebGL shaders0 32
Draw calls per frame0 79
3D scene meshes0 72
Network requests1 24
CSS actually appliedunknowable 2% of shipped

And on a production marketing site — stripe.com, which is server-rendered, so the markup gap is small and the capability gap is not:

Measured on stripe.comPlain fetchEnrichr
Design tokens0 435
Hover / focus / active states0 37
Responsive style changes0 180 across 4 viewports
API endpoints discovered0 27
Text read off the pixels0 139 words
CSS actually appliedunknowable 53% of shipped

Then download the whole thing: rendered DOM, every asset pulled local, the CSS that actually applied, and the analysis — a folder that opens offline with the network disconnected.

Simple credit pricing

One credit is one ordinary extraction. A whole site (Analyze, a full capture or a rebuild brief) is 10 credits because it holds a real browser for longer — a design-token read is 1, checking vision availability is free.

Free

$0
  • One free analysis
  • Every extraction tool
  • 1 concurrent run
Start free

Starter

$19/mo
  • 500 credits / month
  • Source-map recovery
  • 2 concurrent runs
Choose Starter
Most popular

Pro

$79/mo
  • 2,500 credits / month
  • Vision analysis
  • Priority queue · 5 concurrent
Choose Pro

Scale

$299/mo
  • 15,000 credits / month
  • 15 concurrent runs
  • Private deployment help
Choose Scale

Need more for one busy month? Buy credit packs from your account — 250 for $12, 1,000 for $40, 5,000 for $175. Purchased credits never expire.

Referral program

Give $10. Get $50 in credits.

Share your link with a friend who builds for the web. They start with $10 of credits on top of the free plan, and when they run their first capture you get $50 of credits — 1,250, enough for 125 full site captures.

Get your link How it works
  1. Copy your linkIt's on your account page, free plan included.
  2. A friend signs upThey get 250 credits ($10) straight away.
  3. They run a captureYou get 1,250 credits ($50). Up to 10 friends a month.

Got
questions?

  • Enrichr (enrichr.dev) is a remote MCP server that gives AI assistants like Claude, ChatGPT and Cursor a real browser. Point it at any URL and it reports what actually rendered: design tokens, fonts, animation timings, WebGL shaders and the 3D scene, so the assistant can rebuild a site from measurements instead of guessing from a screenshot. Your first analysis is free; further analyses need a credit pack or a paid plan.

  • Enrichr works in ChatGPT through a connector. In ChatGPT, open Settings, then Connectors, then Advanced settings and turn on Developer mode. Choose Create, paste https://enrichr.dev/mcp, and pick OAuth when it asks how to sign in. ChatGPT sends you to enrichr.dev to sign in and approve, and then you can ask it to reverse-engineer a site, for example: Reverse-engineer https://example.com. Your first analysis is free and uses the same account and credits as Claude; after that, credit packs start at $5. Full steps are at https://enrichr.dev/chatgpt/.

  • No. This Enrichr (enrichr.dev) analyses websites for AI coding assistants. The gene set enrichment analysis tool of the same name is a separate project from the Ma’ayan Lab; the two are unrelated.

  • No. You ask Claude in plain English — "reverse-engineer this site" — and Enrichr does the browser automation and extraction. Claude reads the results and explains them back to you.

  • A fetch gets the bytes the server returned before any JavaScript ran. Enrichr renders the page in a real browser first, so it sees what actually got applied — animations, WebGL, hover states, the CSS that survived, all of it. See the Proof section above for real numbers.

  • Enrichr's capture alone gets you most of a site — the rendered DOM, real assets, measured animation timings and design tokens. Near-perfect is what happens when an AI coding assistant takes that and rebuilds from it: Claude reads Enrichr's measurements instead of guessing from a screenshot, and closes the gap raw capture alone can't. Enrichr measures; the assistant is what turns that into a result that close.

  • Most sites a real browser can render: React, Vue and Next apps, Three.js and WebGL scenes, GSAP-heavy sites. Pages behind strict bot protection, such as a Cloudflare challenge, may not load.

  • One credit is one ordinary extraction. Deeper captures cost more because they hold a real browser open longer — a whole site (Analyze, a full capture or a rebuild brief) is 10 credits, a design-token read is 1, checking vision availability is free. Full breakdown in the Pricing section.

  • We store a hash of your key, never the plaintext — it's shown once, at creation. Every extraction runs in an isolated browser instance, and nothing about the sites you analyze is shared with anyone beyond the Claude conversation that requested it.

  • Partly. The free tools and the site gallery need no account at all. Connecting Claude needs an account. Your first analysis is free, no card required; further analyses need a credit pack or a paid plan.

  • Enrichr can tell you, free and without an account. It opens the page in a real browser and lists every font the text is set in, with its weights and fallback fonts.

    Paste the address into the free website font finder.