🆚 Atlassian UI vs. Calcite Design System

Type

User interface framework
Design system

About

Atlassian UI is a tailor-made frontend library used to build user interfaces that follow the Atlassian Design Guidelines and ensure consistency across Atlassian products.

It provides ready-made UI components implemented with JavaScript, CSS, and Soy templates, includes design patterns and usability guidelines for custom components, and is part of a broader design system with shared foundations such as typography, color tokens, spacing, and reusable components.

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.

Headquarters

Sydney, Australia
Redlands, California, United States

Website

Pricing

Free ✔️Open source
Free ✔️Open source

Categories

UI Frameworks › Rank #42
UI Frameworks › Rank #53
Design Systems › Rank #8
Design Systems › Rank #10

Popularity

Determined by the number of sites using each technology.

Atlassian UI technology is 2 times more popular than Calcite Design System.
Total websites

Market share

UI Frameworks
Design Systems

Popularity by country

Determined by the number of sites detected from each country.

Atlassian UI is more popular in Russia, Germany, and Finland, while Calcite Design System is more popular in the United States and Spain.
United States
Russia
Germany
Finland
United Kingdom
Switzerland
France
Netherlands
Italy
Australia

Awards

Popularity by domain category

Determined by the number of sites in each category.

Calcite Design System is more popular than Atlassian UI in all market segments.
Business
Government/Military
Software/Hardware
Education/Reference
Internet Services
Public Information
Marketing/Merchandising
Motor Vehicles
Finance/Banking
Stock Trading

Top sites

Top-ranked sites that use these technologies.

Name
Rank
#130,081
#157,848
View more ➝
Name
Rank
#13,164
#242,106
#244,063
View more ➝

See also

🗃️ About This Data