🆚 Codex vs. Fluent

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.

Fluent Design System is Microsoft's cross-platform design language that defines how user interfaces should look and behave across Windows, web, and mobile applications.

It uses a unified set of design tokens for colors, spacing, icons, and typography, and supports adaptive layouts for different screen sizes.

Popularity

Determined by the number of sites using each technology.

• 🥈 Second most popular in Germany in the Design Systems category.
• ⭐ 4th most popular in the United States in the Design Systems category.

• 🥈 Second most popular in Canada in the Design Systems category.
• 🥉 Third most popular in Germany in the Design Systems category.
• 🥉 Third most popular in the United Kingdom in the Design Systems category.
• ⭐ 5th most popular in the United States in the Design Systems category.

Top sites

Top-ranked sites that use these technologies.

Compare alternatives

Technologies with similar characteristics.

• Codex vs. Material Design
• Codex vs. Italia Design System
• Codex vs. USWDS
• Codex vs. GOV.UK Design System
• Codex vs. Calcite Design System

• Fluent vs. Material Design
• Fluent vs. Italia Design System
• Fluent vs. USWDS
• Fluent vs. GOV.UK Design System
• Fluent vs. Calcite Design System

• Codex technology profile
• Wikimedia Foundation company profile

• Fluent technology profile
• Microsoft company profile