qixapp
Edit HTML, CSS, and JavaScript with a live preview. Drop a file anywhere on this page, paste code, or start with a clean template.
This is a free, browser-based HTML editor with a live preview pane. Write or paste HTML on the left and see it rendered instantly on the right. Nothing is uploaded to a server — your code stays entirely on your device.
Type or paste HTML into the editor panel. The preview updates as you type. Use the toolbar buttons to open an existing HTML file from your device, start fresh with a blank template, or download your finished file. On mobile, tap the floating preview button to toggle between the editor and preview.
The editor includes syntax highlighting for HTML, CSS, and JavaScript, line numbers, automatic indentation, bracket matching, and find-and-replace with case sensitivity and regex support. The preview pane supports phone, tablet, and desktop viewport modes so you can check responsive layouts without a separate browser window.
Your work is automatically saved to browser storage every few seconds. If you close the tab and come back, your last session is restored. The editor also supports opening and downloading .html and .htm files directly.
Anyone who needs to write, test, or debug HTML without setting up a local development environment. Useful for students learning HTML for the first time, designers tweaking a template, developers quickly prototyping a snippet, or anyone who needs to preview an HTML file they received and doesn't want to install software to do it.
Does it support CSS and JavaScript? Yes. The preview iframe renders your full HTML document including any inline CSS and JavaScript. External resources like CDN-hosted libraries will load if you have an internet connection.
Is my code saved anywhere? No. Everything stays in your browser's local storage on your own device. Nothing is transmitted to any server. Clearing your browser data will clear the autosave.
Can I open an existing HTML file? Yes. Click the Open button in the toolbar and select any .html or .htm file from your device. The file loads into the editor and the preview updates immediately.
How do I download my file? Click the Download button or press Ctrl+S (Cmd+S on Mac). The file saves as index.html by default.
Does it work on mobile? Yes. On smaller screens the editor and preview stack vertically. A floating button lets you jump between the two panels quickly.