Generative web analysis

Turn any website into visual DNA

Drop in code, files, or a live page snapshot. PageDNA reads the structure, style, and behavior of the page, then renders five generative visualizations that reveal its identity.

Choose how to feed PageDNA

Paste raw HTML, CSS, and JavaScript; upload project files; analyze a live URL; or run the browser snippet on the page you are viewing.

Five ways to see a website

DOM City, turns page structure into a skyline of sections, containers, and content towers.
CSS Portrait, transforms colors, radii, spacing, shadows, and typography into a flowing abstract portrait.
Layout DNA, maps semantic structure and depth into radial rings, a fingerprint of the page.
Interaction Map, shows interactive elements and the paths between them as a glowing graph.
Code Galaxy, turns files, components, and dependencies into constellations of stars and orbits.

How PageDNA works

Three steps from any page to its visual DNA: feed a page, extract its structure, and generate the visual DNA across five visualization modes.

Private and under your control

Paste, upload, and browser-snippet modes run locally in your tab, nothing is sent to a backend. URL analysis goes through the PageDNA backend, which only fetches the address you provide using the options you select.