Funktionen
PageDNA analysiert die Struktur, den Stil und das Verhalten einer Website und verwandelt sie in eine einzigartige generative Visualisierung.
Fünf 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.
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.