Features
PageDNA analyzes the structure, style, and behavior of a website and turns it into a unique generative visualization.
Seven visualization modes
Each mode reveals a different layer of the same page.
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.
Architecture Stack
Explodes the page into seven layers, from the document foundation to logic and dependencies, generated from the real analysis.
DOM X-Ray
Rebuilds the real DOM in 3D with spatial and hierarchy views; every box is an actual element you can inspect.
Two ways to start
Scan a live page, or explore the demo first.
Analyze URL
Point at a live URL. PageDNA loads it in a headless Chromium and returns a full analysis.
Try the demo
Open a built-in sample page, analyzed locally in your browser, and explore every view without scanning a site.
Ready to see your page's DNA?
Feed a page, watch PageDNA read its structure, and export the visualization.