Live HTML Editor
Sandboxed HTML playground with instant preview.
About the Live HTML Editor
A sandboxed HTML playground: type markup, CSS and JavaScript on the left and watch the rendered result on the right in a real iframe. The preview refreshes 400 milliseconds after you stop typing, scripts and forms run inside the sandbox but have no access to the surrounding page.
How to use the Live HTML Editor
- Edit the sample document in the HTML editor, or press Clear to start empty.
- Watch the preview update about 400 ms after you stop typing.
- Use Load sample to restore the original demo with a working button.
- Test CSS, inline styles and small scripts safely inside the sandbox.
Live HTML Editor FAQ
Is it safe to test scripts here?
The preview runs in a sandboxed iframe with no access to this page or its data, so experimenting with JavaScript and forms is contained; still avoid pasting untrusted code from unknown sources.
Does the preview update while I type?
It refreshes 400 milliseconds after your last keystroke, which keeps rendering smooth while remaining effectively instant for editing.
Can I save or export my work?
The code lives in the editor only โ copy it out to a file when you are done, since the playground deliberately keeps no server-side storage.