🆚 Calcite Design System vs. Codex

Type

Design system
Design system

About

Calcite Design System is a collection of design and development resources for creating beautiful, easy-to-use, and cohesive experiences across apps. It includes a UI kit, icons, color schemes, and a web component library with UI elements.

Codex is the official design system for Wikimedia that provides a unified toolkit and guidelines for user interface design.

It includes design tokens for consistent styling, a library of UI components built for accessibility and internationalization, a set of icons with language and directionality variants, and supports Vue-based and CSS-only implementations.

Headquarters

Redlands, California, United States
San Francisco, California, United States

Website

Pricing

Free ✔️ Open source

Categories

Design Systems › Rank #10
Design Systems › Rank #5
UI Frameworks › Rank #53

Popularity

Determined by the number of sites using each technology.

The Codex design system is 6 times more popular than Calcite Design System.
Total websites

Market share

Design Systems

Popularity by country

Determined by the number of sites detected from each country.

Codex is more popular in the United States, Germany, and the Netherlands, while Calcite Design System is more popular in the Czech Republic and Portugal.
United States
Germany
Netherlands
United Kingdom
France
Russia
Japan
Switzerland
Czech Republic
Canada

Awards

Popularity by domain category

Determined by the number of sites in each category.

Codex is more popular among sites focused on blogs and wiki, games, and education and reference, while Calcite Design System is more commonly used on business, software and hardware, and public information sites.
Blogs/Wiki
Games
Education/Reference
Business
Internet Services
Entertainment
Software/Hardware
Public Information
Technical/Business Forums
Sports

Top sites

Top-ranked sites that use these technologies.

Name
Rank
#13,164
#242,106
#244,063
View more ➝
Name
Rank
View more ➝

See also

🗃️ About This Data