Write HTML on the left and see it rendered live on the right. Includes syntax highlighting, line numbers, code folding, auto-close tags, autocomplete and snippets.
The Live HTML Editor uses CodeMirror 5 to provide a full-featured editing experience with syntax highlighting for HTML, CSS and inline JavaScript, line numbers, code folding, auto-close tags, and HTML autocomplete. The live preview renders your HTML in an iframe and updates automatically as you type. Toggle between desktop, tablet (768px) and mobile (375px) preview sizes to test responsive layouts. Use the Snippets menu for quick-start templates including an HTML5 boilerplate, email template, table, form, flexbox container and more.