Free Online HTML Editor with Live Preview

Edit HTML, CSS, and JavaScript in real-time with a split-pane live preview. Switch between code mode and WYSIWYG visual editing. No signup, no setup required.

⚡ Instant Live Preview

See your changes update in real-time as you type. Desktop, tablet, and mobile viewport toggles included.

🎨 WYSIWYG Visual Editing

Click "Edit Preview" to edit text, change colors, adjust fonts, and modify images directly in the preview pane.

🔗 Click-to-Highlight Code

Click any element in the preview to instantly find and highlight its source code in the editor.

📑 Multi-Tab Editing

Separate tabs for HTML, CSS, and JS. Edit each file independently and see the combined result.

📦 External CDN Linker

Add Tailwind, Bootstrap, Font Awesome, React, and more with a simple URL input panel.

💾 Auto-Save & Download

Your work is saved automatically to your browser. Download as a standalone HTML file anytime.

Frequently Asked Questions

Is this HTML editor free to use?

Yes, this editor is completely free with no signup required. All processing happens in your browser — your code never leaves your device.

How do I add external libraries like Tailwind or Bootstrap?

Click the "Resources" button in the toolbar, paste the CDN URL (e.g., from cdnjs or jsDelivr), and click Add. The library will be automatically injected into your preview.

What is WYSIWYG mode?

WYSIWYG (What You See Is What You Get) mode lets you click directly on elements in the preview to edit their text, colors, fonts, and images — just like a word processor. Changes sync back to the code automatically.

Is my code saved if I close the browser?

Yes. Your code is automatically saved to your browser's local storage every few seconds. When you return, your last session will be restored.

Can I use this on mobile devices?

Yes! The editor is fully responsive. On smaller screens, the editor and preview stack vertically.

Save to Browser	`Ctrl` + `S`
Download File	`Ctrl` + `Shift` + `S`
Fullscreen Preview	`Ctrl` + `Enter`
Bold / Italic / Underline	`Ctrl` + `B/I/U`
Undo / Redo	`Ctrl` + `Z` / `Ctrl` + `Y`
Close Modals	`Escape`