Codex

The design system
for Wikimedia.

Current version: 2.2.0

Codex is designed and developed by contributors from the Wikimedia Foundation, Wikimedia Deutschland, and the Wikimedia volunteer community. Get in touch with us.

Using CodexLearn how to use Codex to design and build user interfacesContributingLearn about how we work on Codex and how you can help

Features

Style GuideCreate harmonious designs across WikimediaDesign tokensWrite styles consistent with the Codex Style GuideComponentsBuild usable, accessible, translatable applicationsIconsAccess a collection of icons with language and directionality variantsComposablesRe-use logic and apply common patterns from the Codex codebase

Resources

• Figma: design with Codex components in Figma.
• MediaWiki: learn about using Codex within MediaWiki.
• Gerrit: visit the canonical Codex codebase.
• GitHub: visit a mirror of the Gerrit codebase on GitHub.

Posts

Codex – Year 2024 in Review 18 December 2024 by Volker E. and Wikimedia Foundation Design System TeamMaking the Wikiverse More Inclusive: Our Journey with Codex and Beyond16 May 2024 by Volker E.Creating the Wikimedia Design System22 December 2022 by ATomasevich WMF, Lauren de Lench, Bárbara Martínezand Volker E.