Online HTML editor with live preview
Write HTML, CSS and JavaScript and see the result instantly, with a console, phone view and download of the finished page.
How to useEdit HTML with a live preview.
Available in: 
Online HTML editor with live preview: what it is for
A simple code editor in the browser, with tabs for HTML, CSS and JavaScript and a preview that updates as you type. The console shows your script's console.log output and errors, the phone view option simulates a device, and the Download page button creates a complete .html file. Your code is saved in this browser so you can continue later.
How to use
- Write in the HTML, CSS and JavaScript tabs.
- Check the preview and the console.
- Download the finished page.
When to use it
- Test code snippets quickly.
- Learn HTML and CSS.
- Build prototypes and emails.
Frequently asked questions
Is my code saved?
It is kept only in this browser so you can pick up where you left off. To take it elsewhere, use the Download page button, which creates a single .html file with everything in it.
Is the preview JavaScript safe?
The preview runs in an isolated frame (a sandboxed iframe) with no access to this page, your cookies or other open sites.
Can I use libraries like Bootstrap or jQuery?
Yes. Add the <link> and <script> tags with the CDN address to the HTML and they load in the preview.
Is it really free?
Yes, 100% free. No sign-up, no subscription and no usage limits. All Tools123 are free.