Type code on the left and the page appears on the right, a fraction of a second after each keystroke. CSS inside style tags and JavaScript inside script tags both run, so a whole small page can live in one file.
Switch the preview to tablet or phone width to check how the layout holds up. Tidy re-indents messy code. The preview runs in a sandbox, so a script you paste can't touch the rest of this site.
How to use the HTML Editor tool
- Type or paste your HTML, or open a file.
- Watch the preview, and switch its width to test small screens.
- Download the .html file or copy the code.
Popular uses
- Learning HTML and CSS with instant feedback
- Testing a snippet before it goes into a real site
- Building an email template or a landing-page section
Tips for the best result
- Turn off live update for long files and press Run when you want a fresh preview.
- Open the preview in a new tab to use the browser developer tools on it.
Quick facts
| Price | Free |
|---|---|
| Works with | HTML |
| Where it runs | In your browser, on your device |
| Account | Not needed |