🆚 Atlassian UI vs. Material Design

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.

Material Design is a design system developed by Google that defines a unified visual and interaction language used across Android, web, and other platforms.

It uses grid-based layouts, consistent color palettes and typography, interactive "elevation" shadows and lighting to convey depth, motion and animation for user feedback and transitions, and a comprehensive set of ready-to-use UI components.

Popularity

Determined by the number of sites using each technology.

• 🥇 Most popular in the United States in the Design Systems category.
• 🥇 Most popular in Germany in the Design Systems category.
• 🥇 Most popular in France in the Design Systems category.
• 🥇 Most popular in India in the Design Systems category.
• 🥇 Most popular in the United Kingdom in the Design Systems category.

Top sites

Top-ranked sites that use these technologies.

Compare alternatives

Technologies with similar characteristics.

• Atlassian UI vs. Ant Design
• Atlassian UI vs. Spectrum Web Components
• Atlassian UI vs. Carbon Design System
• Atlassian UI vs. SAPUI5
• Atlassian UI vs. Webix

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

• Atlassian UI technology profile
• Atlassian company profile

• Material Design technology profile
• Google company profile