Site DNA

See how any website is built.

Enter a website. We read its HTML, JavaScript bundles, CSS, font files, headers and DNS to show the framework, motion stack, typography, design tokens and infrastructure behind it.

About the Site DNA

See how any website is built

Site DNA reads a website the way a browser does: its HTML, every JavaScript bundle, stylesheets, font files, headers and DNS. From those it identifies more than 230 technologies with versions and evidence, opens the font files to name the typeface and foundry, and extracts the design system.

Tech stack

Framework, CMS or site builder, build tool, UI kit, hosting, CDN and third-party services, with versions.

Motion & 3D

GSAP, Framer Motion, Lenis, three.js and WebGL, page transitions, and whether reduced motion is respected.

Fonts

Every typeface with weights, foundry, designer, license and the writing systems it covers.

Design tokens

Color palette with variable names, type scale, fluid type, radii, breakpoints and dark mode.

How it works

  1. 01

    Enter a website

    Any public address, or paste a page's source if the site blocks automated visitors.

  2. 02

    We read its files

    HTML, up to about 48 scripts, stylesheets, font files, source maps, headers and DNS. Nothing is executed.

  3. 03

    Go deeper

    Run a deep scan to render the page in a real browser for live versions, WebGL and Web Vitals, or compare two sites.

Questions

How can I tell what a website is built with?

Enter the site in Site DNA. It identifies the framework, CMS, hosting and libraries from the site's own files, and shows the evidence for each, like the file and the matched code.

How do I find out what font a website uses?

Site DNA opens the site's font files and reads the real family name, foundry, designer and license, along with every weight the site loads and where the font comes from (Google Fonts, Adobe Fonts or self-hosted).

Is Site DNA an alternative to BuiltWith or Wappalyzer?

Yes, for single sites: it detects technologies with versions and evidence, and adds what those tools don't show, such as fonts from their files, design tokens, motion libraries and a real-browser deep scan.

Can I compare two websites?

Yes. Compare puts two sites side by side: their stacks, motion, typefaces and palettes.