</>

Web Components Playground

Live editor for Shadow DOM, slots & custom events — runs in the browser

Templates:
Shortcuts: Ctrl+Enter to run, Ctrl+S to save
🖼 Preview
Ready
⚡ Event Log
Custom events fired in the preview will appear here.
🔍 Shadow DOM 
Click "Inspect" to view the shadow DOM tree