HTML, CSS & JavaScript Playground
Write front-end code in three panes and see it run instantly in a sandboxed preview with a console. Add CDN libraries, autosave drafts and keep a local project library — no sign-up.
CSS/JS loaded into the sandboxed preview only — never into this page.
Local projects
Saved only in this browser. Open, rename or delete any time.
How to use the playground
Write HTML, CSS and JavaScript
Type body markup or paste a full HTML document. The preview re-runs as you type (turn off Auto-run for heavy scripts).
Add libraries
Open Libraries to load Tailwind, Bootstrap, React, Vue, GSAP, Chart.js or any HTTPS URL into the preview.
Debug with the console
console.log, warnings, errors and unhandled rejections from the preview appear in the console panel.Save and export
Drafts autosave locally. Save named projects to the library, or export a single HTML file, separate files or a JSON project.
A lightweight CodePen and JSFiddle alternative
For quick UI experiments, bug reproductions and teaching demos you don’t need a full IDE, a build step or an account. This playground runs entirely in your browser: the preview is a sandboxed iframe isolated from this page, and your code is stored only in local storage.
Keyboard shortcuts
| Run preview | Ctrl/⌘ + Enter |
| Save draft | Ctrl/⌘ + S |
| Format active pane | Ctrl/⌘ + Shift + F |
| Switch to HTML / CSS / JS | Alt + 1 2 3 |
| Indent | Tab (2 spaces) |
Drag .html, .css, .js or a project .json anywhere onto the page to load it.
Frequently asked questions
Is my code uploaded to a server?
No. Drafts and projects are stored in your browser’s local storage, and the preview runs locally in a sandboxed iframe.
Can I use React, Vue or Tailwind?
Yes. Open Libraries and add them from the quick list or any HTTPS CDN URL. There is no bundler, so use UMD or browser-ready ESM builds.
Will my projects sync across devices?
No — there’s no account or cloud storage. Export a JSON project or a single HTML file to move work between devices.
Is it safe to run untrusted code here?
The preview runs in a sandboxed iframe without access to this page, its storage or cookies. Still, avoid running code you don’t trust, as it can make network requests from the preview.