Write HTML code and see a live preview instantly. Perfect for testing and prototyping HTML, CSS, and JavaScript snippets.
<!DOCTYPE html> <html> <head> <style> body { font-family: system-ui, -apple-system, sans-serif; padding: 2rem; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; margin: 0; display: flex; align-items: center; justify-content: center; } .card { background: white; border-radius: 16px; padding: 2rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); max-width: 400px; text-align: center; } h1 { color: #1f2937; margin: 0 0 1rem; font-size: 1.875rem; } p { color: #6b7280; line-height: 1.6; margin: 0; } .emoji { font-size: 3rem; margin-bottom: 1rem; } </style> </head> <body> <div class="card"> <div class="emoji">🚀</div> <h1>Hey there!</h1> <p>Start editing the HTML on the left to see your changes appear here in real-time.</p> </div> </body> </html>