Online HTML Editor · Kirantool

Online HTML Editor 100% working

Write and test HTML code with live preview. Perfect for quick prototyping.

📄 Blank 📄 Basic Page 🃏 Card 📝 Form 📊 Table 🎯 Flex Layout

HTML Code

Live Preview

Ready Live preview ready

`, basic: `Basic Page

Welcome to My Page

This is a basic HTML template with some styles. Edit the code to customize it.

Try adding your own content and see the preview update instantly!

`, card: `Card Template

✨ Hello!

This is a beautiful card designed with HTML and CSS. It's fully responsive and ready to use.

`, form: `Contact Form

📧 Contact Us

Fill in the form below and we'll get back to you.

`, table: `Table Template

📊 User Data

#	Name	Email	Status
1	Alice Johnson	alice@email.com	Active
2	Bob Smith	bob@email.com	Active
3	Charlie Brown	charlie@email.com	Inactive
4	Diana Prince	diana@email.com	Active

`, flex: `Flex Layout

🎯 Flexbox Layout

🚀

Fast

Lightning fast performance with clean code.

🎨

Beautiful

Stunning designs that capture attention.

🔒

Secure

Built with security best practices.

📱

Responsive

Works perfectly on all devices.

⚡

Optimized

Performance optimized for speed.

💡

Innovative

Cutting-edge solutions and ideas.

` };const html = templates[type] || templates.blank; document.getElementById('htmlEditor').value = html; runPreview();document.getElementById('statusText').textContent = `✅ Loaded ${type} template`; }function loadExample() { loadTemplate('card'); }