Playground / Make something small. Make it yours.

How it works

Write body HTML, CSS, and plain JavaScript. Brio is available as brio. No imports or build step.

Click Run (Ctrl/Command + Enter) to replace the preview and clear its state. Reset restores the code initially loaded on this page, including shared projects. Format Document (Shift + Alt/Option + F, or the editor context menu) formats without running and can be undone. Editors support syntax colors, completion (Ctrl + Space), search (Ctrl/Command + F), undo, bracket matching, folding, and automatic indentation. Tab indents; Shift + Tab outdents. Toggle Tab Moves Focus with Ctrl + M (Ctrl + Shift + M on Mac) to leave the editor with the keyboard. F1 opens Monaco's command palette, including Format Document.

The preview is isolated: storage, form navigation, popups, external resources, and network APIs are blocked. Infinite loops can still hang this tab. Only run code you trust; shared links never run automatically.

Copy link copies a URL with minified, compressed code. Loaded code is formatted for editing. Share links contain your code, not a database ID. Don't include secrets. Limits: 256 KB of source and a 64 KB URL fragment. No automatic saving.

Live preview

ISOLATED

Loading playground...

HTML first. Your app, your way.