GeezerVison

Codex Steering Committee superseded the Design System Team in July 2025.

This page is obsolete. It is being retained for archival purposes. It may document extensions or features that are obsolete and/or no longer supported. Do not rely on the information here being up-to-date.

To provide a comprehensive, reusable, extensible way to design and build front ends on Wikimedia platforms, by following a universal style guide and a shared development kit that codifies the visual and experience principles and guidelines in a library of user-interface (UI) components.

The Codex design system for Wikimedia is the place where all of the components and patterns that designers use to create products are systematically organized, in such a way that parts are easy to find, and modify, and new parts easy to create. The design system is grounded in a set of principles and guidelines, the Codex Design Style Guide for Wikimedia, maintained by the Wikimedia Foundation Design Team with consistency, efficiency, web accessibility, and internationalization in mind.

Part of Codex is the frontend development toolkit for implementing the design system in code. It provides engineers with user-interactive components that are built-in CSS components. and JavaScript Vue 3 components, with design tokens to store data for design values, and user-facing documentation.

Wikimedia's 2019 medium-term platform evolution plan set out to prioritize modern engineering practices, performance, and ease-of-use for contributors of varying experience levels. As a result, the Design System Team organized the Vue.js Developer Summit 2021 which led to the decision to adopt Vue.js as the official programming framework for MediaWiki.

• 
  Christopher Ciufo
  Senior Platform Product Manager
• 
  Roan Kattouw
  Principal Software Engineer
• 
  Nat Baca
  Director of Engineering
• 
  Anne Tomasevich
  Staff Software Engineer
• 
  Eric Gardner
  Senior Software Engineer
• 
  Bárbara Martínez
  Senior User Experience Designer
• 
  Volker E.
  Lead User Experience Engineer
• 
  Lauralyn Watson
  Software Engineer
• 
  Derek Torsani
  Lead Visual Designer
• 
  Matthew Williams
  Group Design Manager

• Request help from the Design System Team - Includes Phabricator task template.
• Roadmap - High-level overview of Design System Team work streams.
• Planned Components - A list of components we have planned to take on in time.
• FAQs - Frequently asked questions.
• Design System Governance Model - Design/development flowchart for new Codex components and additions.
• History of user-interface libraries and frameworks in MediaWiki - How we arrived here.
• Resources - Our collection of helpful resources about Codex, the Wikimedia Design System, the Design System Team, and front-end technology.

You can volunteer and help us!

• Working with us

• Pages kept for historical interest
• WMF Projects missing start date
• Vue