DevTools
.hub
Switch Tool
Ctrl+K
Home
Live Previewers
HTML/CSS Sandbox
HTML/CSS Sandbox
Live Previewers
Isolated iframe sandbox for prototyping HTML/CSS snippets.
HTML
CSS
Reset Sample
HTML Editor
<div class="card"> <h2>Live Sandboxed Component</h2> <p>Edit HTML and CSS on the left to see instant sandboxed rendering on the right.</p> <button id="counterBtn">Clicks: 0</button> </div> <script> let count = 0; const btn = document.getElementById('counterBtn'); btn.addEventListener('click', () => { count++; btn.textContent = 'Clicks: ' + count; }); </script>
Sandboxed Frame
Live DOM