What Is This Website Built With? Find Any Site’s Platform, CMS and Tech Stack
A free checker plus the file paths and globals that give away WordPress, Shopify, Webflow, Framer and Next.js sites, with a real measured example.
How to Extract SVG Logos, Icons and Images From a Website
The four ways an SVG can be on a page, how to copy the real markup, how to list every image, and what to do when right-click is off.
How to Get the CSS Gradient From a Website (and From an Image)
Read a real gradient in DevTools, list every gradient on a page, and approximate one when it is baked into an image.
Is GSAP Free? What Changed, What the License Allows and Where the Limit Is
GSAP and its former paid plugins are free to use, including commercially. What changed, the one restriction, and how to check a site’s version.
Free Alternatives to the Paid Fonts Top Websites Use, With Match Scores
Proxima Nova, Helvetica Now, Graphik and more: the closest free fonts ranked by a score you can inspect.
Turn Any Website’s Colors, Fonts and Spacing Into a Tailwind v4 Theme
One free command reads a live site and writes its design system straight into a Tailwind v4 @theme block — measured, not eyeballed.
The Best Chrome Extensions for a Website’s Font, Colors and Animation Library
WhatFont, Fonts Ninja, ColorZilla and the official GSAP Sniffer, compared on what each one shows and what it asks to access.
How to Check if a Website Uses GSAP (Version, Plugins, ScrollTriggers)
A tested console snippet for the version, plugins and ScrollTrigger count, why the numbers change as you scroll, and what a blank result means.
How to Find the Colors a Website Uses (and Why Rankings Disagree)
Four ways to get a site’s palette, and why ranking by element count and by area covered give different answers. Stripe’s purple is second in one and tenth in the other.
How to See a Website’s CSS Variables and Design Tokens
DevTools, a tested console script, reading one variable by name, and a URL tool. Plus why the script finds nothing on Stripe and Linear.
How to Tell if a Website Uses WebGL (and Which 3D Library)
A canvas element proves nothing and a missing library name does not mean no WebGL. Four methods and measured results for seven sites.
How to Give Claude Code a Design System from a Live Website
Measure a site’s real tokens, write them into a DESIGN.md, and import it from CLAUDE.md so every session builds with the same colors, type and spacing.
How to Recreate a GSAP or ScrollTrigger Animation from Another Website
Confirm the library, read each effect’s properties, easing and trigger, rebuild it with Lenis in sync, and check it against the original.
How to Add an MCP Server to ChatGPT as a Custom Connector
The steps, what the server needs, why a 401 is normal, and fixes for the common errors, with a worked example.
What 107 Top Websites Use: Fonts, Motion and 3D, Measured
We loaded 107 well-known sites in a real browser and counted the fonts, motion libraries and 3D engines that rendered.
How to Clone a Website with Claude Code (That Actually Looks Like the Original)
Why “clone this site” usually returns a lookalike, and the workflow that gets Claude Code close to the real thing.
Claude Code Website Design: Why It Looks AI-Generated, and How to Fix It
The purple gradient, the centred hero, the three emoji cards. Where Claude Code’s default look comes from, and four fixes that make the output look designed.
How to Add an MCP Server to Claude Code (and Claude Desktop)
The one-line command, the three scopes nobody explains, remote vs. local servers, and fixes for the errors you will actually hit.
Is It Legal to Copy a Website Design? Where the Line Actually Is
Layouts, code, fonts, copy, logos and AI clones: what is generally fair game, what is a grey area, and what gets sites taken down.
How to Find What Font a Website Uses (Even When the CSS Lies)
Extensions and the Styles panel often give you the wrong answer. Six methods, what each one misses, and how to get the actual font file.
How to Tell If a Website Uses Lenis Smooth Scroll (and Copy the Feel)
A ten-second check, a one-line console test, how to tell Lenis from ScrollSmoother and Locomotive, and the settings that create the feel.
How to Download a Website for Offline Use (and Why Modern Sites Break)
Save Page As, SingleFile, wget and HTTrack compared on real modern sites, why the copy opens blank or unstyled, and how to fix it.
Claude Code vs Codex for Website Design: How to Pick (and Test It Fairly)
What public head-to-heads actually found, why the results converge when the brief is specific, and a scorecard to run your own test in an afternoon.
How to Recreate a WebGL Shader Effect from an Award-Winning Site
Most shader tutorials start from a blank file. Start from a working effect instead: find the canvas, capture the shader, read what drives it, and rebuild it.
How to Find Out What Animation Library a Website Uses (GSAP, Lenis, Three.js, Framer Motion)
Five fast checks to tell GSAP, Lenis, Three.js and Framer Motion apart, and what to do when the quick checks come back empty.
How to Extract Design Tokens (Colors, Type, Spacing) from a Live Website Without Figma
Skip the DevTools copy-and-paste audit. Pull colors, type scale and spacing straight from the rendered page and turn them into usable tokens.
How to Rebuild an Awwwards Site of the Day as a Learning Exercise (Legally)
A learn-by-reverse-engineering workflow for recreating an Awwwards-winning site, with a clear line between fair game and what you should never copy.
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://.
Your Claude is flying blind: the 9 MCP servers that fix it
Out of the box, Claude can’t see your repo, your live site, your docs or your database. These nine MCP servers give it eyes and hands, in the order we’d install them.
ChatGPT can use MCP now. Here are the 8 connectors worth setting up
ChatGPT can talk to remote MCP servers, and most people never turn it on. Here’s what that unlocks, how it differs from Claude, and the eight servers we’d try first.
AI keeps guessing your design. These 7 MCP servers make it stop
Ask an AI to match a design and it invents spacing, colors and motion. These seven MCP servers hand it the real specs, tokens and live pages instead.
10 MCP servers that turn Claude Code from clever into unfair
Claude Code is good on its own. With the right MCP servers it can read your live site, check current docs, query your database and open its own pull requests.
Stop pasting into ChatGPT: 8 MCP servers marketers should connect to Claude
If your workflow is export a CSV, paste it in, pray, you’re doing it the hard way. These eight MCP servers let Claude work with live SEO, analytics and competitor data directly.
One founder, one Claude, nine MCP servers: the solo-founder stack
You can’t hire a designer, an analyst, an ops person and a support team. You can connect nine MCP servers and cover a surprising amount of ground.
Claude can’t actually read half the web. Here’s the fix
Ask an AI to read a modern website and it often reads an empty shell. Here’s why plain fetching fails, and the eight MCP servers that fix web research and scraping.
9 free MCP servers that make Claude dramatically more useful
You don’t need a budget to upgrade your AI. These nine MCP servers are open source or free to start, and each one adds a real capability.
You’re installing MCP servers nobody has audited. Here’s how not to get burned
An MCP server runs with your permissions and feeds text straight into your AI. Seven mistakes that are easy to make, and the five-minute fix for each.
How one freelancer delivers like a ten-person agency: the 8-MCP stack
Clients pay for outcomes, not headcount. Eight MCP servers that let a solo designer or developer research, build, test and report at agency speed.
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.
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.
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.
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.
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.