Hello, this is yank — turn any URL into editable code.

Photographer directing model in a studio setting
man wearing yellow shirt
Man crouching next to a bicycle wheel.

What yank does

yank turns any deployed website into a real, editable Next.js + Tailwind codebase. The output is pixel-identical to the original — zero design loss — and ready to run with npm run dev.

How it works

Every yank runs the same five-phase pipeline: capture hydrated DOM, decode rolldown chunks, fingerprint 60+ libraries, recover the React fiber tree, then emit a clean Next.js project. Most sites finish in under a minute.

Hello, this is yank — turn any URL into editable code.

Photographer directing model in a studio setting
man wearing yellow shirt
Man crouching next to a bicycle wheel.

What yank does

yank turns any deployed website into a real, editable Next.js + Tailwind codebase. The output is pixel-identical to the original — zero design loss — and ready to run with npm run dev.

How it works

Every yank runs the same five-phase pipeline: capture hydrated DOM, decode rolldown chunks, fingerprint 60+ libraries, recover the React fiber tree, then emit a clean Next.js project. Most sites finish in under a minute.

Services

Framer — Yank Framer sites with shared-lib map indexing and design tokens intact.

Webflow — Recover Webflow CMS-driven sites into static Next.js with full styling.

WebGL / Canvas — Three.js scenes, GSAP timelines, and shaders captured byte-for-byte.

Tailwind — Detected utility classes stay as Tailwind; the rest emit clean CSS modules.

React fiber — The hydrated tree is decompiled into named components, not flat HTML.

Source maps — When .map files are public, we use them. When not, we class-anchor the components.

Output — One ZIP. npm install && npm run dev. Deploy on Vercel in two clicks.

Compare — A pixel-diff report ships with every yank; 0.00% diff on every site we tested.

Assets — Fonts, images, and SVGs are downloaded locally; no third-party CDN dependencies.

Output isn’t a screenshot or a static export — it’s a full Next.js + Tailwind project. Run npm run dev, edit anything, ship to Vercel.

Awards

0.00% pixel diff

x5

UX Excellence

x6

Source-map recovery

x3

Design tokens preserved

x2

Shader extractor

x1

Class-anchor decompiler

x1

60+ libraries detected

x5

Runtime mirror mode

x2

Press

Framer support

Vercel deploys

Webflow support

Next.js output

Clients

wild-brush-effect

logue.studio

robinhood.com

enpower-trading

spotted.in

trycarbon.io

“Used yank to clone our marketing site into a real Next.js codebase before our acquisition diligence. The output booted with npm run dev on the first try and the pixel diff really was zero — saved us a quarter of engineering time.”

Client image
Client image
Client image
Client image
Man looking at brooklyn bridge and new york city skyline.

yank — turn any URL into editable code

Real Next.js code for any site, in under a minute.

Available for work

Create a free website with Framer, the website builder loved by startups, designers and agencies.

Every pixel of this desktop was yanked from mimac.framer.website — 0.00% diff in 489s
Last yanked: — 0.00% diff in —