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://wikimedia.github.io/WikimediaUI-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 OOjs UI component library, typography, colors and iconography.

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

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