Discover mdn/mdn-storybook Open Source project by MDN Web Docs (@mdn)

This repository contains compatibility data for Web technologies as displayed on MDN

6,864

browser-compat-data

JSON

4,949

webextensions-examples

Example Firefox add-ons created using the WebExtensions API

Code examples that accompany various MDN DOM and Web API documentation pages

4,095

dom-examples

A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.

3,326

web-components-examples

It's online. It's offline. It's a Service Worker!

3,043

serviceworker-cookbook

The project that powers MDN.

2,812

kuma

The source repository of all translated content for MDN Web Docs

1,930

translated-content

Markdown

1,714

django-locallibrary-tutorial

Local Library website written in Django; example for the MDN server-side development Django module: https://developer.mozilla.org/en-US/docs/Learn/Server-side/Django.

A repository for demos illustrating features of the Web Speech API. See https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API for more details.

1,573

web-speech-api

Holding repo for MDN Web Docs things

1,416

mdn

1,279

webaudio-examples

Code examples that accompany the MDN Web Docs pages relating to Web Audio.

Local Library website written in NodeJS/Express; example for the MDN server-side development NodeJS module: https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs.

1,236

express-locallibrary-tutorial

Code examples that accompany the MDN WebGL documentation

1,218

webgl-examples

The platform code behind MDN Web Docs

1,197

yari

TypeScript

1,169

webassembly-examples

Code examples that accompany the MDN WebAssembly documentation — see https://developer.mozilla.org/en-US/docs/WebAssembly.

WebAssembly

1,125

js-examples

Code examples that accompany the MDN JavaScript/ECMAScript documentation

MDN samples server; used for samples that can't be hosted in-place on MDN, plus back-end server-side code for samples that need it.

1,110

samples-server

Examples for progressive web apps.

956

pwa-examples

Service Worker test repository. This is a very simple demo to show basic service worker features in action.

918

sw-test

Home of the MDN live code editor interactive examples

755

interactive-examples

A simple web worker test.

727

simple-web-worker

This repository contains general data for Web technologies

725

data

Web Audio API-powered voice changer and visualizer

716

voice-change-o-matic

Code examples that accompany the MDN CSS documentation

707

css-examples

A repository of Fetch examples. See https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API for the corresponding documentation.

596

fetch-examples

A sample MDN app that uses getUserMedia and MediaRecorder API for recording audio snippets, and The Web Audio API for visualizations.

516

web-dictaphone

Enhanced version of the to-do app, which stores to-do items via IndexedDB, and then also aims to provide notifications when to-do item deadlines are up, via the Notification and Vibration APIs.

483

to-do-notifications

MDN front-end developer curriculum

384

curriculum

TeX

368

beginner-html-site

A simple one page website created to help complete beginners learn HTML basics.

A simple one page website created to help complete beginners learn HTML basics. which in this repo has also had some script added to help beginners learn JavaScript basics.

296

beginner-html-site-scripted

Violent theremin uses the Web Audio API to generate sound, and HTML5 canvas for a bit of pretty visualization. The colours generated depend on the pitch and gain of the current note, which are themselves dependant on the mouse pointer position.

259

violent-theremin

Sample todo app built with the React/ReactDOM framework.

239

todo-react

A simple one page website created to help complete beginners learn HTML basics, which in this repo has also been styled to help beginners learn CSS basics. The styling is explained over the course of https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/CSS_basics.

225

beginner-html-site-styled

Basic blog site written in Django (part of MDN Django module assessment).

215

django-diy-blog

A simple demo to show shared worker basics.

210

simple-shared-worker

Archived: MDN Web Docs issues are tracked in the content repository.

199

sprints

150

canvas-raycaster

Using the <canvas> element to do software rendering of a 3D environment with ray-casting

Bringing scripting to the wiki bears.

150

kumascript

A place to provide feedback and suggestions for MDN Web Docs

131

mdn-community

123

mdn-minimalist

The base Sass for Mozilla Developer based projects and products

SCSS

110

todo-vue

Sample todo app built with the Vue framework

Vue

108

html-examples

Code examples that accompany the MDN HTML documentation: https://developer.mozilla.org/en-US/docs/Web/HTML

This content kit provides learning material to allow intermediate web developers to level up their skills, learning real world techniques to take them past rudimentary syntax towards a solid foundation of skills than can be utilized to create modern web applications. It'll be visual; you'll have fun along the way.

advanced-js-fundamentals-ck

Builder of Bits aka The MDN Web Docs interactive examples, example builder

bob

TypeScript

webvr-tests

A set of simple tests for testing WebVR functionality. See https://developer.mozilla.org/en-US/docs/Web/API/WebVR_API for the latest on the documentation.

Examples to support the MDN resource covering Firefox headless mode — see https://developer.mozilla.org/en-US/Firefox/Headless_mode

headless-examples

The code that generates the MDN Web Docs Developer Portal.

developer-portal

Archived MDN Web Docs content that is not actively maintained or frequently built

archived-content

Web Audio API-powered voice changer and visualizer

voice-change-o-matic-float-data

[UNMAINTAINED] A simple template for writing web apps into, to save you some time when experimenting. Used in MDN web app demos. See https://developer.mozilla.org/en-US/docs/Web/Apps/App_coding_guidelines#Apps_template for more information on what this template contains.

mdn-app-template

CSS

infra

(Deprecated) MDN Web Docs Infrastructure scripts and configuration

HCL

rumba

The clean kuma (🤖🧹)

Rust

markdown

MDN Web Docs tool to covert HTML to Markdown

The MDN Learning Area code examples translated into Brazilian Portuguese.

learning-area-pt-br

WordPress plugin automatically links keywords and phrases to MDN.

wp-promote-mdn

PHP

crossbrowser-testing-lab

Mozilla's Cross-Browser Testing Lab

battery-quickstart-starter-template

[UNMAINTAINED] The starting state of the example built up in the "Your first app" tutorial found in the Mozilla Developer Network open web app Quickstart article.

CSS

workflows

Reusable GitHub Actions workflows

indexeddb-examples

Code examples that accompany the MDN IndexedDB documentation

CSS Houdini examples relating to MDN content.

houdini-examples

(Deprecated) Make Sphinx docs look like MDN

sphinx-theme

MDN Web Docs Product Advisory Board

pab

(Deprecated) Jenkins ansible playbook

ansible-jenkins

Jinja

mdn.dev-2019

(Deprecated) Content for https://mdn.dev

DEPRECATED | Use WebExtensions instead | Add-ons demonstrating how to use content scripts in the Add-on SDK.

addon-sdk-content-scripts

A simple demo to show usage of the Mozilla Browser API. See https://developer.mozilla.org/en-US/docs/Web/API/Using_the_Browser_API for more details.

browser-api-demo

stumptown-content

API for browser compatibility data on developer.mozilla.org

browsercompat

Interactive diagram showing what parts of the web technology stack can used for different purposes when creating games. Includes links to more information about each.

web-tech-games

A scalable set of icons for use across Mozilla Developer websites

mdn-dinocons

insights

The repo that powers MDN Web Docs Insights.

An Ember-based app, built as a sample to demonstrate Ember/Ember CLI and modern web architecture. This goes along with the article series found at https://developer.mozilla.org/en-US/Apps/Build/Modern_web_app_architecture.

world-clock

A web worker that calculates fibonacci numbers.

fibonacci-worker

This is the repo to fork or clone when creating a new MDN Content Kit.

content-kit-template

A repository for media and assets to be used across MDN Web Docs

shared-assets

Mermaid

mdn-fiori

MDN Web Docs Front-End style guide

This is a Content Kit for people who want to teach programming to beginners.

beginning-programming-content-kit

MDN Web Docs public organization profile

.github

repl-panel

This add-on lets you send remote debugging protocol requests to the debugging server, and displays the response.

A place for agendas and minutes from regular MDN community meetings

community-meetings

audio-channels-demo

A demo to show how the AudioChannels API works, at a basic level

Short descriptions of web platform features, for flexible usage in applications.

short-descriptions

perf-examples

Webextension to lint MDN documents

doc-linter-webextension

[UNMAINTAINED] The finished version of the example built up in the "Your first app" tutorial found in the Mozilla Developer Network open web app Quickstart article.

battery-quickstart-finished-example

A simple demo showing usage of the Whitestorm.js 3D web library.

whitestorm-demo

Toolkit for visualizing and editing MDN's browser compatibility data

browser-compat-toolkit

[UNMAINTAINED] Collects web code for analysis and reporting.

webalyzer

Examples showing how to port add-ons to be e10s-compatible

e10s-example-addons

Repo for View Source Conference site

viewsourceconf

A historic collection of MDN Web Docs content and examples

museum

A project template to use for new MDN GitHub repositories

project-template

imsc-examples

Repository for examples to go along with MDN IMSC documentation.

Content previously, but no longer displayed on MDN Web Docs.

retired-content

Live version of our sample todo app built with the React/ReactDOM framework.

todo-react-build

Linting rules used to lint MDN Web Documents

ai-feedback

Feedback about AI Help

doc-linter-rules

Backend for HTTP Observatory on MDN

100

mdn-http-observatory