WT
SwiftVault Web Tools
HTML/CSS/JS Sandbox
Auto-run
Run
Copy
Clear
Save
Reset
HTML
CSS
JS
ALL
index.html
<div class="card"> <h2>Hello</h2> <p>Edit HTML, CSS, or JS and see the result on the right.</p> <button id="btn">Click me</button> </div>
styles.css
:root { --accent: #f97316; font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif; } body { margin: 16px; background: #f9fafb; color: #0f172a; } .card { padding: 16px; border: 1px solid #e2e8f0; border-radius: 12px; background: #ffffff; box-shadow: 0 8px 24px rgba(15,23,42,.12); } button { background:#f97316; color:#ffffff; border:1px solid #ea580c; padding:8px 12px; border-radius:999px; cursor:pointer; } button:hover { filter: brightness(1.03); }
app.js
document.getElementById('btn')?.addEventListener('click', () => { alert('It works!'); });
all.html
Tips:
Ctrl/Cmd + Enter
to run ·
Ctrl/Cmd + S
to save · Toggle Auto-run for instant updates
Output
Ready