nkit
Blog
Portfolio
Login with Google
DevToolkit
/
HTML Previewer
HTML Previewer
Write and preview HTML, CSS, and JavaScript live in the browser.
Edit HTML and click Run to preview
Run
Editor
<!DOCTYPE html> <html> <head> <style> body { font-family: sans-serif; background: #0f1117; color: #e2e8f0; padding: 2rem; } h1 { color: #38bdf8; } .card { background: #161b27; border: 1px solid #1e2535; border-radius: 12px; padding: 1.5rem; margin-top: 1rem; } </style> </head> <body> <div class="card"> <h1>Hello DevToolkit!</h1> <p>Edit this HTML to see a live preview.</p> </div> </body> </html>
Preview