01Editor0 Zeichen
02Vorschau

Deine gerenderte Seite erscheint hier.

HTML-Viewer

Jedes HTML live ansehen

Nutze diesen kostenlosen HTML-Viewer, um HTML-Code einzufügen oder hochzuladen, ihn live im Browser rendern zu sehen und responsives Layout auf Desktop-, Tablet- und Handy-Breite zu prüfen. Alles läuft lokal — veröffentliche nur, wenn du teilen willst.

Privat konzipiertDie Vorschau wird in deinem Browser gerendert. Dein Code verlässt das Gerät erst, wenn du auf Veröffentlichen klickst.
Jede BildschirmgrößeWechsle zwischen Desktop-, Tablet- und Handy-Breite, um responsive Layouts zu prüfen.
Mit einem Klick veröffentlichenMach aus deinem Code eine gehostete Seite mit öffentlichem Link. Kein Konto nötig.

So funktioniert es

Ein Code-Viewer und -Previewer, der auf deinem Gerät bleibt

Füge HTML, CSS und JavaScript ein und sieh es sofort in einem sandkasten-isolierten iframe rendern — kein Build-Schritt, kein Server-Roundtrip. Ordne unsauberes Markup mit einem Klick, wechsle die Vorschau-Breite, um responsive Probleme zu finden, und exportiere jederzeit eine saubere .html-Datei. Die Vorschau ist vollständig lokal: Nichts, was du eintippst, wird hochgeladen, verfolgt oder gespeichert, bis du explizit veröffentlichst — also funktioniert es auch als privater HTML-Viewer für Snippets, E-Mail-Vorlagen und Landingpage-Mockups.

Möchtest du den Code ändern oder das Ergebnis neu gestalten? Öffne HTML-Editor oder Visueller Editor.

Willst du das Markup vor dem Teilen verkleinern und härten? Lass es durch HTML-Compiler laufen, um Kommentare und unnötigen Inline-Code zu entfernen.

Was du tun kannst

Jedes HTML ansehen und verfeinern – von E-Mails bis Landingpages

Größe anpassen, Markup verfeinern und bei Fertigstellung als gehostete Seite mit öffentlichem Link veröffentlichen – oder nutze Markdown zu HTML, um stattdessen Markdown zu hosten. Alles für schnelle HTML-Arbeit an einem Ort.

Bette ein gehostetes Bild direkt in deine Vorschau mit Bild-Hosting ein.

E-Mail- & Newsletter-Vorlagen

Zeige den Newsletter vor dem Versand in Handy-Breite an, damit kaputte Tabellen und enge Spalten nie bei deinen Abonnenten ankommen.

Landingpage-Mockups

Erstelle in Minuten ein Mockup für eine Landingpage oder Produktseite, stimme das Layout in drei Bildschirmgrößen ab und veröffentliche einen teilbaren Link.

Snippets & Lernen

Teste einen Button, eine Animation oder ein Formular ohne echten Server – der schnellste Weg, mit HTML, CSS und JavaScript zu experimentieren.

Für wen es ist

Für Entwickler, Designer und schnelle Experimente

Teste ein Snippet, prüfe ein responsives Layout oder baue eine kleine Seite, bevor du sie teilst.

Frei ansehen

Eine ablenkungsfreie Ansicht mit sofortiger Vorschau. Kein Build-Schritt, kein Server-Roundtrip.

Vorschau in jeder Größe

Wechsle zwischen Desktop-, Tablet- und Handy-Breite, um Responsive-Probleme vor der Veröffentlichung zu erkennen.

In Sekunden teilen

Veröffentliche auf einer öffentlichen URL, wenn du bereit bist — oder bleib ganz lokal.

Anleitung

Vom Snippet zur gehosteten Seite

Kein Konto, keine Einrichtung. Schreiben, Vorschau ansehen und veröffentlichen, wenn es fertig ist.

Schreiben oder einfügen

Gib deinen Code ein, lade das Beispiel oder importiere eine bestehende .html-Datei.

Sofortige Vorschau

Sieh das Ergebnis live in einem isolierten Frame, mit voreingestellten responsiven Breiten.

Link veröffentlichen

Erhalte eine öffentliche URL, die du überall teilen kannst — oder bleib lokal und exportiere einfach die Datei.

Fragen

HTML-Viewer FAQ

Wird mein Code hochgeladen?

Nein. Die Vorschau wird vollständig in deinem Browser gerendert. Dein Code erreicht einen Server erst, wenn du auf Veröffentlichen klickst.

Ist die Vorschau sicher?

Die Vorschau läuft in einem isolierten iframe, sodass Skripte von der Seite selbst getrennt sind. Dein Browser führt das JavaScript genau so aus, wie es ein Besucher sehen würde.

Kann ich responsive Layouts prüfen?

Ja. Wechsle zwischen Desktop-, Tablet- und Handy-Breite, um zu sehen, wie sich deine Seite bei verschiedenen Bildschirmgrößen verhält.

Was passiert, wenn ich veröffentliche?

Dein Code wird zu einer gehosteten HTML-Seite mit öffentlichem Link. Du kannst sie später über den Verlauf auf dieser Seite löschen.

Kann ich HTML mit CSS und JavaScript anzeigen?

Ja. Die Vorschau führt dein gesamtes HTML, CSS und JavaScript in einem isolierten Frame aus, sodass du interaktive Seiten, Formulare und Animationen genau so testen kannst, wie ein Besucher sie erleben würde.

Gibt es ein Dateigrößenlimit?

Der Viewer selbst hat kein hartes Limit. Wenn du veröffentlichst, wird die Seite wie jede andere HTML-Hoster-Seite gehostet und unterliegt denselben Grenzen.

Wie unterscheidet sich das von Markdown zu HTML?

Der HTML-Viewer arbeitet mit rohem HTML, CSS und JavaScript. Wenn du lieber in Markdown schreibst, nutze Markdown zu HTML, um eine .md-Datei in eine gestylte, gehostete Seite umzuwandeln.

Kann ich meinen Code exportieren oder herunterladen?

Ja. Nutze „.html exportieren“, um deinen Code als Datei herunterzuladen, oder öffne die Vorschau in einem neuen Tab, um sie in einem vollständigen Browserfenster zu prüfen.