About this project

Codex is the design system for Wikimedia. The repository contains four packages: Components (Vue 3 and CSS-only components for building accessible, translatable applications), Design tokens (for consistent styling with the Codex Design Style Guide), Icons (a collection with language and directionality variants), and a VitePress site for documentation, component demos, and design token visualization. Codex features wide-ranging internationalization and global usage support, Web Content Accessibility Guidelines 2.1 level AA compliance, and comprehensive browser and device support. To use it, install @wikimedia/codex and @wikimedia/codex-icons via npm. Development requires Node (version pinned in .nvmrc) and npm 7 or higher. Useful commands include npm install, npm run doc:dev, npm run dev, and npm run test:unit. The project is maintained by the Wikimedia Foundation's Design System Team, with contributions from Wikimedia Deutschland and volunteers. This repository is a mirror from Gerrit.