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.
Deine gerenderte Seite erscheint hier.
HTML-Viewer
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.
So funktioniert es
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
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.
Zeige den Newsletter vor dem Versand in Handy-Breite an, damit kaputte Tabellen und enge Spalten nie bei deinen Abonnenten ankommen.
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.
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
Teste ein Snippet, prüfe ein responsives Layout oder baue eine kleine Seite, bevor du sie teilst.
Eine ablenkungsfreie Ansicht mit sofortiger Vorschau. Kein Build-Schritt, kein Server-Roundtrip.
Wechsle zwischen Desktop-, Tablet- und Handy-Breite, um Responsive-Probleme vor der Veröffentlichung zu erkennen.
Veröffentliche auf einer öffentlichen URL, wenn du bereit bist — oder bleib ganz lokal.
Anleitung
Kein Konto, keine Einrichtung. Schreiben, Vorschau ansehen und veröffentlichen, wenn es fertig ist.
Gib deinen Code ein, lade das Beispiel oder importiere eine bestehende .html-Datei.
Sieh das Ergebnis live in einem isolierten Frame, mit voreingestellten responsiven Breiten.
Erhalte eine öffentliche URL, die du überall teilen kannst — oder bleib lokal und exportiere einfach die Datei.
Fragen
Nein. Die Vorschau wird vollständig in deinem Browser gerendert. Dein Code erreicht einen Server erst, wenn du auf Veröffentlichen klickst.
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.
Ja. Wechsle zwischen Desktop-, Tablet- und Handy-Breite, um zu sehen, wie sich deine Seite bei verschiedenen Bildschirmgrößen verhält.
Dein Code wird zu einer gehosteten HTML-Seite mit öffentlichem Link. Du kannst sie später über den Verlauf auf dieser Seite löschen.
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.
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.
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.
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.