MediaWiki user interface framework
MediaWiki has had several user interface frameworks and design systems over the years. In chronological order from oldest to newest:
| Library | Deprecated? | Years | Type | Notes | Example HTML class |
|---|---|---|---|---|---|
| jQuery UI | Yes[1] | 2009– | JS component library with built-in design | ||
| OOUI | 2011–present | Themeable JS and PHP component library | originally designed for Vector / Apex, later themeable, now defaulting to Wikimedia UI (below) | oo-ui-widget | |
| Wikimedia UI | 2012–present |
Visual design | Design ideas originated in Agora | ||
| Yes[1][2] | 2013–2017 | CSS component library | mw-ui-button | ||
| WVUI | Yes[3] | 2020–2023 | Vue component library | ||
| Wikit | Yes[4] | 2020–2023 | Vue component library | ||
| Codex | 2022–present | Design system, visual design, design rules (including tokens), Vue implementation, CSS implementation, PHP component library (when Codex PHP is finished) | cdx-radio |
See also
- Design System Team/History of user-interface libraries and frameworks in MediaWiki
- Design System Team/Server rendering background info
- HTMLForm (2009–present) - Wrapper for PHP component libraries. Supports Codex and OOUI as display format. Formerly supported vform, although all uses of that have been refactored since 2025 and it is now deprecated.