Free Online HTML Editor with Live Preview
Code
Live Preview
HTML
Clear
<div class="card"> <h1>Semplicemente.io</h1> <p>Clean, fast & local web tools for creators.</p> </div>
CSS
Clear
body { font-family: system-ui, -apple-system, sans-serif; background: #08050f; color: #e6e1f0; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .card { background: #13101f; border: 1px solid #221b35; padding: 32px; border-radius: 16px; text-align: center; max-width: 320px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); } h1 { font-size: 24px; font-weight: 700; margin: 0 0 10px 0; color: #a78bfa; } p { color: #8b829f; font-size: 14px; margin: 0; line-height: 1.6; }
JavaScript
Clear
Live Preview