{"repo":"wikimedia/design-codex","free":true,"listed":false,"github":"https://github.com/wikimedia/design-codex","clone":"git clone https://github.com/wikimedia/design-codex.git","description":"Codex is the Design System for Wikimedia. Codex features a toolkit for building user interfaces, containing design tokens, Vue 3 components and VitePress documentation site packages. This is a mirror from https://gerrit.wikimedia.org/g/design/codex/","language":"TypeScript","stars":110,"topics":["vue","design-system","design-tokens","css-only","icon-set","less","ui-components","vue3"],"license":"GPL-2.0","category":"ui-components","readme_excerpt":"Codex Codex is the design system for Wikimedia. The Codex repository contains four packages: - Components : for building usable, accessible, translatable applications. Codex contains Vue 3 components and CSS-only components - Design tokens : for writing styles consistent with the Codex Design Style Guide for Wikimedia - Icons : a collection of icons with language and directionality variants - VitePress site : for Codex documentation, Vue component demos, and design token visualization Codex features: - Wide-ranging support for internationalization and global usage - Web accessibility compliant (Web Content Accessibility Guidelines 2.1 level AA) - Comprehensive browser and device support Quick start Usage To install: To use components: To use icons: For more information on how to set up and use the library, refer to the usage documentation. Development Codex development requires the following: - Node: the required version of Node is pinned in .nvmrc . To install and use the required version, run nvm install \"$( Learn more about NVM on GitHub. - npm: version 7 or higher is required to support workspaces. You can install latest version of npm with nvm via nvm install --latest-npm . Helpful commands: - npm install in the root of the repository to install requirements for all workspaces - npm run doc:dev to start the docs site - npm run dev to start the Vite sandbox - npm run test:unit -w @wikimedia/codex to run unit tests for e.g. the codex workspace. Read more about testing. Ref","default_branch":null,"files":null,"tree":[],"storefront":"/r/wikimedia","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/wikimedia/design-codex/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}