← Enrichr

Blog

Notes from building a browser-based reverse-engineering tool — what a capture actually gets right, what breaks, and why. Measured, not marketing.

Why a captured site looks broken until you stop opening it as a file

A real offline capture reproduced a Webflow + GSAP site almost exactly — except the intro animation never ran and a WebGL canvas stayed black. The cause wasn't a missing asset. It was the browser's own CORS policy for file://.

A modern, organized designer's workspace with a laptop

The best Claude MCPs for designers in 2026

Six MCP servers worth connecting to Claude if design or front-end work is your job — starting with the one that gives Claude an actual rendered browser instead of static files.

Abstract glowing neon streaks against a dark background

Building the special effects: shaders, scroll-linked motion, and the other 10%

A grain shader, a magnetic button, a liquid SVG morph — the specific effects that make award sites feel expensive, with the code for each and the performance guardrails that keep them cheap.

A spiral of neon lights glowing in the dark

What actually makes a site Awwwards-worthy

We captured a dozen recent Site of the Day winners through Enrichr and compared the extraction data. Three patterns showed up almost everywhere — and one thing we expected to matter didn't.

Vibrant, wavy abstract 3D lines against a colorful gradient background

Three.js and GSAP: the two libraries behind almost every award-site hero

Why the combination shows up in nearly every SOTD-winning hero section — what each library is actually for, the pattern that connects them, and where it breaks.

A dark-themed code editor and terminal output on a computer screen

How to reverse-engineer a live site with Enrichr, step by step

A walkthrough of an actual Enrichr session — from a bare URL to a rebuilt, offline-ready brief — covering which of the 30+ tools to reach for and when.

More soon.