|Last Update||July 19, 2017|
Use Calcite Web from your favorite package manager, download it, or just use it off the CDN.
Calcite Web can also be referenced directly from the CDN:
<link rel="stylesheet" href="https://s3-us-west-1.amazonaws.com/patterns.esri.com/files/calcite-web/1.0.0-rc.7/css/calcite-web.min.css"> <script src="https://s3-us-west-1.amazonaws.com/patterns.esri.com/files/calcite-web/1.0.0-rc.7/js/calcite-web.min.js"></script>
Small, reusable elements in a design like buttons, dropdowns, and tooltips
Larger design patterns like navigation, tabs, and accordions
Iconography for both social media and user interfaces
Fully responsive, twenty-four column grid for layout
Type styles, size, color, and helpful modifier classes
Simplified Esri color pallette available as Sass variables
Calcite Web has all the building blocks you need to create most projects, but sometimes you might need a little extra. This is why we've created a set of extensions to Calcite Web to handle situations like e-commerce and splashy marketing pages. Just include a line of CSS, and start working from the examples.