Important
As of March 2025, all interactive examples have been moved into content, see https://github.com/orgs/mdn/discussions/782.
This repository was archived in October 2025, and is now read-only, see https://github.com/orgs/mdn/discussions/841.
Home of the MDN interactive code examples.
Should you have any questions regarding this project, please feel free to @mention either @wbamberg, @bsmth or @NiedziolkaMichal.
Want to contribute to the interactive examples project? Here are a couple of good first issues to get you started. Thanks!
- [css] - This contains the CSS used by the base templates.
- [js] - This contains the JS used by the base templates.
- [live-examples] - This contains the live example CSS and JS fragments.
- [media] - This contains images used by the live examples and templates.
- [tmpl] - The base templates.
The dynamically generated pages, their dependencies, and assets are generated to the prod branch.
The following is a list of browser/version combinations supported by the interactive editor. In browsers that do not meet the criteria, the editor degrades gracefully to displaying static examples.
- Firefox - Latest three release versions.
- Chrome - Latest three release versions.
- Safari - Latest two release versions.
- Edge - Latest release version.
If you're interested in contributing to this project, great! Please see the CONTRIBUTING document.