Current version: 3.0 (February 2025)
Calcite Design System is a collection of design and development resources for creating beautiful, easy to use, cohesive experiences across apps with minimal effort. It includes a UI kit, icons, color schemes, and a web component library with UI elements such as buttons, panels, accordions, alerts, and many more.
Where to start
Build consistent, considered experiences with Calcite Design System.
![](/calcite-design-system/static/2ea6bdfca026b81082818fe56b22cc69/4f407/card-arrow.png)
Get started
Follow these steps to quickly get started using Calcite Components.
![](/calcite-design-system/static/33dc98f5256bfbe4da85bde7c694220b/4f407/card-checklist.png)
Core concepts
Learn foundational concepts and patterns for leveraging web components.
![](/calcite-design-system/static/d43de472029bf61562636cbadde5553b/4f407/card-docs.png)
Tutorials
Learn Calcite development patterns and build workflows and applications.
Design System
Explore Calcite Design System foundations, a comprehensive component library, and guiding resources.