MDN Playground

Spec sheet

Purpose

MDN Playground lets users preview HTML, CSS, and JavaScript code.Read 11 Oct 2026 · developer.mozilla.org

Intended users

MDN describes Playground as a tool for web developers to experiment with code and learn from MDN examples.Read 11 Oct 2026 · developer.mozilla.org

Free plan

YesRead 22 Sep 2026 · developer.mozilla.org

Autocomplete and formatting

It offers basic autocomplete and code formatting with Prettier.Read 11 Oct 2026 · developer.mozilla.org

Availability

The Playground is accessible on all modern web browsers and is completely free to use.Read 11 Oct 2026 · developer.mozilla.org

Content reporting

Users can flag a shared playground if its content is malicious or inappropriate.Read 11 Oct 2026 · developer.mozilla.org

Deployment options

noneRead 22 Sep 2026 · developer.mozilla.org

Execution isolation

The runner uses an iframe on a random UUID subdomain of mdnplay.dev to isolate instances.Read 11 Oct 2026 · developer.mozilla.org

Full-stack runtime

NoRead 22 Sep 2026 · developer.mozilla.org

GitHub workflow

Copied Markdown can be included in an MDN article or a GitHub issue.Read 11 Oct 2026 · developer.mozilla.org

Live preview

Code changes appear in the preview area so users can test ideas interactively.Read 11 Oct 2026 · developer.mozilla.org

MDN integration

Users can open existing MDN live samples in Playground using the Play button and modify them.Read 11 Oct 2026 · developer.mozilla.org

Sharing

Users can copy Markdown for a playground or, when logged in, create a permalink that lets others preview and interact with it.Read 11 Oct 2026 · developer.mozilla.org

Sharing controls

link_accessRead 22 Sep 2026 · developer.mozilla.org

Plans and prices

Every MDN Playground plan and price →

Where Specifiction places it

• Code Playground Software#38 of 587.5
• Coding Playgrounds#116 of 1387.3