A live HTML preview without an IDE
Type in the HTML, CSS or JavaScript tab and the preview on the right redraws a moment after you stop. Everything you console.log() appears in the console strip underneath, together with JavaScript errors and their line numbers — the feedback you would normally open DevTools for. Your work is saved in this browser, so a refresh does not lose it.
Paste a full page or just pieces
If the HTML tab contains a complete document (with <html>), the CSS and JavaScript tabs are injected into its <head> and before </body>. If it contains a fragment, the editor wraps it in a proper HTML5 document with UTF-8 and a mobile viewport. Either way, Download one .html file gives you a single self-contained page — the most portable format there is.
Good uses
- Splitting AI output. When ChatGPT or Gemini gives you HTML, CSS and JS as three separate blocks, paste each into its tab and the preview shows whether they work together.
- Trying a CodePen locally. Copy the three panes across without an account.
- Teaching. Students see the effect of each property immediately, and the console makes JavaScript errors visible instead of silent.
- Email and widget snippets. Check a fragment in isolation before it goes into a larger page.
From preview to a URL
A preview only exists on your screen. Publish as URL combines the three panes into one file and opens the converter with it, so you can publish it as your-name.htmltourl.dev and send the link. Need just a view of an existing file instead? Use the HTML viewer.