Funktionen
PageDNA analysiert die Struktur, den Stil und das Verhalten einer Website und verwandelt sie in eine einzigartige generative Visualisierung.
Sieben Visualisierungsmodi
Jeder Modus offenbart eine andere Ebene derselben Seite.
DOM City
Verwandelt die Seitenstruktur in eine Skyline aus Abschnitten, Containern und Inhaltstürmen.
CSS Portrait
Verwandelt Farben, Radien, Abstände, Schatten und Typografie in ein fließendes, abstraktes Porträt.
Layout DNA
Bildet die semantische Struktur und Tiefe in radialen Ringen ab, ein Fingerabdruck der Seite.
Interaction Map
Zeigt interaktive Elemente und die Pfade zwischen ihnen als leuchtenden Graphen.
Code Galaxy
Verwandelt Dateien, Komponenten und Abhängigkeiten in Konstellationen aus Sternen und Umlaufbahnen.
Architecture Stack
Zerlegt die Seite in sieben Ebenen, vom Dokumentfundament bis zu Logik und Abhängigkeiten, erzeugt aus der echten Analyse.
DOM X-Ray
Baut den echten DOM in 3D nach, räumlich und hierarchisch; jeder Block ist ein echtes Element zum Inspizieren.
Vier Wege, eine Seite zu füttern
Bring eine Seite so zu PageDNA, wie es zu deinem Arbeitsablauf passt.
Code einfügen
Füge rohes HTML, CSS und JavaScript ein. PageDNA verarbeitet alles clientseitig.
Dateien hochladen
Ziehe .html-, .css-, .js-, .jsx-, .tsx- und .json-Dateien aus einem Projekt hierher.
URL analysieren
Verweise auf eine Live-URL. PageDNA lädt sie in einem Headless-Chromium und liefert eine vollständige Analyse.
Browser-Snippet
Nützlich für private oder authentifizierte Seiten. Es läuft in deinem eigenen Tab und exportiert nur strukturelle Daten.
Bereit, die DNA deiner Seite zu sehen?
Füttere eine Seite, sieh zu, wie PageDNA ihre Struktur liest, und exportiere die Visualisierung.