Watch yank fingerprint its framework and recover the React tree — free preview, no signup.
Short, honest answers — not the kind of FAQ where every reply is "yes, book a demo."
ABOUT
yank reads it back as real code.
Pixel-perfect, framework-agnostic, fully editable.
01 · CAPTURE
Puppeteer drives a real browser. We wait for every fetch, every animation frame, every WebGL paint to settle — then capture the live, hydrated DOM. Static mirrors miss everything; yank doesn't.
02 · DECODE
rolldown, webpack, esbuild, Vite — we decode all of them. Source maps accelerate it when present; when they're stripped, AST recovery does the work. The module graph comes back.
03 · FINGERPRINT
This is React 18.2.0. That's Framer Motion 11. This is your own auth module. Mangle is unwound; package boundaries are restored.
04 · RECOVER
We walk the React fiber tree, type each component, lift inferred props into TypeScript interfaces, and emit clean TSX with proper imports.
05 · EMIT
package.json, tsconfig.json, tailwind.config.ts, real components — all generated. Run npm run dev and start editing.
Locked-in design tools are everywhere. Framer holds your work hostage inside its canvas runtime. Webflow exports HTML nobody wants to maintain. Lovable, Base44, and the AI builders that followed all generate code, but never the kind you can own — coupled to opaque runtimes, scaffolded by templates that fight you the moment you try to extend them.
The realization that started yank was simple: the rendered output IS the source of truth. By the time it's running in a browser, it's just DOM and JavaScript — components with all props resolved, all styles computed, all dependencies named. yank reads it back as clean Next.js. Same pixels, your code, your repo.
Paste any URL. Get a real Next.js codebase in under a minute.
PRICING
A clone every now and then, or unlimited clones every month. Same engine, same 0.00% pixel diff.
✓24-hour refund if the output doesn't render to spec. Cancel anytime.
Paste any URL — get a Next.js + Tailwind codebase in under a minute, pixel-identical to the original.
✓ 24-hour refund if the output won't build.
You confirm you own this site or have permission to clone it.
Every Framer site renders on Motion — the open-source animation engine (formerly Framer Motion) that drives the rendering of all Framer-built websites.
yank reverse-engineers that layer. Because we understand exactly how Motion renders a page, we can copy any Framer component or template site and hand you back a clean, human-readable codebase — real React, real Tailwind, ready to edit.
before
code
stat
Every pixel of this macOS desktop — the icons, the dock, the windows, the animations — is mimac.framer.website, yanked. yank cloned it from one URL into a real, editable Next.js codebase that ships exactly what you see.
// app/route.ts — the yank.design landing
export function renderMimacPage(raw: string): string {
return injectMigrationOverlay(
applyTextSwaps(
rewriteHosts(raw)
)
);
}