Design/Living style guide

A living style guide offers improved documentation of the visual appearance and behavior of a site. Unlike a static style guide (say, a wiki page or PDF), it is generated on-the-fly from the actual HTML, CSS, and JavaScript used in production. This allows us to view styles as they are live on the site, and inline comments can be added to document the purpose of a particular style or set of styles.

MediaWiki currently has one style guide (the other 2 are outdated, see and ):
 * CURRENT
 * https://design.wikimedia.org/style-guide/ (source code: wikimedia/WikimediaUI-StyleGuide at GitHub)
 * OUTDATED
 * http://tools.wmflabs.org/styleguide/desktop/ for the mediawiki.UI modules in core since release 1.22
 * https://livingstyleguide.wmflabs.org for the OOUI component library, typography, colors and iconography.

Starting with release 1.25, when you use OOUI components within MediaWiki, they use its WikimediaUI theme which has its roots in mediawiki.UI.

OOUI library live demos
This OOUI library features a live demo environment with all JS & PHP components and their JavaScript code snippets.