This is a lightweight, live-preview HTML playground — type or paste HTML, CSS, and JavaScript on the left, and see it rendered instantly on the right. It's built for quick prototyping, testing a snippet before dropping it into a live site, or teaching someone how a piece of markup behaves without needing a local dev environment.
Everything runs entirely in your browser. No code is uploaded or stored on a server — the preview pane is just a sandboxed iframe rendering exactly what you've typed.
Click any element in the live preview and the editor will jump straight to that element's source code and select it — useful for tracing a specific piece of markup back to where it's defined, especially in longer snippets. Drag the divider between the two panes to resize them to your liking.
Yes, completely free with no account or sign-up required, and no limit on how much you can edit or preview.
No. Everything happens locally in your browser — the code you type never leaves your device or touches a server.
Yes. Add a <style> block for CSS or a <script> block for JavaScript directly in the editor, exactly as you would in a normal HTML file, and the live preview will run them both.
It highlights and selects the matching source code in the editor pane, so you can quickly find where a specific element you're looking at is defined.
No — code isn't persisted between visits, so copy or download anything you want to keep before closing the tab.
This tool is free to use
If it saved you some time, consider buying me a coffee to support future updates.
Buy me a coffee