Metoolzy Code Playground is an online code editor for HTML, CSS, and JavaScript — using Monaco Editor (the same engine as VS Code). You can write code and view a live preview right in the browser.
Similar to CodePen or JSFiddle but completely free, no account needed, and code is auto-saved in the browser.
console.log, console.error, and console.warn from the preview| Shortcut | Function |
|---|---|
Ctrl+S |
Run code (refresh preview) |
Ctrl+1 / 2 / 3 |
Switch HTML / CSS / JS tabs |
Ctrl+` |
Toggle Console panel |
Ctrl+Shift+F |
Format code (HTML + CSS + JS) |
| Feature | Metoolzy | CodePen | JSFiddle |
|---|---|---|---|
| Monaco Editor (VS Code) | ✅ | ❌ CodeMirror | ❌ CodeMirror |
| Free unlimited | ✅ | ❌ Pro features | ✅ |
| No account needed | ✅ | ❌ | ✅ |
| Auto-save localStorage | ✅ | ❌ | ❌ |
| Share URL (compressed) | ✅ pako | ✅ server | ✅ server |
| Custom CDN | ✅ | ✅ | ✅ |
| Console capture | ✅ | ✅ (Pro) | ❌ |
| Draggable divider | ✅ | ✅ | ❌ |
No. The code is auto-saved to localStorage every second. When reopened, the latest code is restored.
No. The code is encoded directly in the URL (not saved on a server). The link works forever.
Not currently. It only supports raw HTML, CSS, and JavaScript. TypeScript support is planned.
See more: HTML Formatter · CSS Formatter · JS Formatter