OOUI allows developers to create responsive web user-interfaces and applications.
It is internationalization ready with full support of right-to-left languages, is accessible complying 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,
- elements that can be easily mixed and matched to create custom user interfaces.
OOUI is pronounced oh-oh-you-eye.
Future of OOUI alongside Codex edit
Codex's toolkit will replace OOUI as the default user interface library. Currently development at the Wikimedia Foundation is focused on Codex, the design system for Wikimedia. It's featuring guidelines and a set of tools: design tokens, components, and icons.
New OOUI feature development is limited only to products that are bound to it and have not (yet) been adapted to use Codex instead.
Note that in JS-only gadgets and userscripts Codex can't replace OOUI as of September 2023, at least not in any practical way. For gadget/userscript developers there is currently no successor for OOUI available. Participate in discussion about the topic on enabling Codex for gadgets and userscripts.
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
- A tutorial on building a Todo list application using OOUI step by step
- OOJS/OOUI kick starter — ready to code and demo user interface.