OOUI

OOUI is a MediaWiki user interface framework introduced around 2013. OOUI allows developers to create responsive web user-interfaces and applications.

It is internationalization-ready with full support of right-to-left languages, complies to Web Content Accessibility Guidelines, and operates consistently across a multitude of browsers.

The OOUI library contains:

• Ready-to-use widgets, layouts, and windows that can be instantiated directly or easily extended,
• A PHP server-side compatible output for cases where JavaScript is not supported,
• Elements that can be easily mixed and matched to create custom user interfaces.

OOUI is available in MediaWiki Core , as well as on npm, Composer, and through cdnjs. OOUI implements a "WikimediaUI" theme – conforming to Wikimedia Foundation's design style guide. Interfaces built within MediaWiki use this theme by default, though different MediaWiki skins can and do over-ride this. See documentation about using OOUI in MediaWiki . It is successfully in use in 40+ web products by Wikimedia Foundation and volunteer developers. Community-created TypeScript definitions for OOUI exist (they work in JavaScript projects as well in popular IDEs).

OOUI was originally created to provide the user interface of VisualEditor, on top of the OOjs library (Object-Oriented JavaScript, hence OOUI's former name "OOjs UI"). It was later extended to serve MediaWiki Core. PHP implemented widgets and responsive interfaces were added as part of the Advanced Mobile Contributions project.

OOUI is pronounced oh-oh-you-eye.

The source code is hosted on Gerrit and mirrored on GitHub.

OOUI has been placed in maintenance mode. Codex design system has replaced OOUI as the default user interface library. Codex is used in current and for future product development.

OOUI is not being removed, but its functionality is no longer being expanded. New OOUI feature development is limited only to products that are bound to it and have not (yet) been adapted to use Codex instead.

• OOUI remains fully supported. You can still use OOUI libraries.
• For all new development, the recommended design system is Codex .
• From MediaWiki 1.41 and later, it is recommended that the markup for CSS-only UI components be used instead of MediaWiki UI .
• For help making the switch from MediaWiki UI, see Codex/Migrating from MediaWiki UI .

See the sidebar for a full list of documentation subpages.

• API documentation generated from the source code on doc.wikimedia.org
• Interactive demos online and in the project's demos directory
• A tutorial on building a Todo list application using OOUI step by step
• OOJS/OOUI kick starter — Ready to code and demo user interface.

• WMF Projects
• OOUI
• Libraries

• WMF Projects 2013q4
• WMF Projects 2014q1
• WMF Projects 2014q2
• WMF Projects 2014q3
• WMF Projects 2014q4
• WMF Projects 2015q1
• WMF Projects 2015q2
• WMF Projects 2015q3
• WMF Projects 2015q4
• WMF Projects 2016q1
• WMF Projects 2016q2
• WMF Projects 2016q3
• WMF Projects 2016q4
• WMF Projects 2017q1
• WMF Projects 2017q2
• WMF Projects 2017q3
• WMF Projects 2017q4
• WMF Projects 2018q1
• WMF Projects 2018q2
• WMF Projects 2018q3
• WMF Projects 2018q4
• WMF Projects 2019q1
• WMF Projects 2019q2
• WMF Projects 2019q3
• WMF Projects 2019q4
• WMF Projects 2020q1
• WMF Projects 2020q2
• WMF Projects 2020q3
• WMF Projects 2020q4
• WMF Projects 2021q1
• WMF Projects 2021q2
• WMF Projects 2021q3
• WMF Projects 2021q4
• WMF Projects 2022q1
• WMF Projects 2022q2
• WMF Projects 2022q3
• WMF Projects 2022q4
• WMF Projects 2023q1
• WMF Projects 2023q2
• WMF Projects 2023q3
• WMF Projects 2023q4
• WMF Projects 2024q1
• WMF Projects 2024q2
• WMF Projects 2024q3
• WMF Projects 2024q4
• WMF Projects 2025q1
• WMF Projects 2025q2
• WMF Projects 2025q3