Tooly
Search tools…
⌘K
Developer
Design
Security
Network
Media
Documents
Business
HTML Viewer
Write and preview HTML live in a split-pane editor.
Split
Editor
Preview
Refresh
Copy HTML
HTML Editor
702 chars
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { font-family: system-ui, sans-serif; padding: 2rem; background: #f9fafb; } h1 { color: #6366f1; margin-bottom: 1rem; } p { color: #374151; line-height: 1.6; } button { background: #6366f1; color: white; border: none; padding: 0.5rem 1.2rem; border-radius: 8px; cursor: pointer; } button:hover { background: #4f46e5; } </style> </head> <body> <h1>Hello from HTML Viewer! 👋</h1> <p>Edit the code on the left to see your changes live on the right.</p> <button onclick="alert('It works!')">Click me</button> </body> </html>
Live Preview