Calcite Maps

screenshot of Calcite Maps
bootstrap
scss

A Bootstrap theme for designing, styling and creating modern map apps.

Overview

Calcite Maps is a theme for Bootstrap that allows users to design, style, and create modern map apps. It provides CSS classes that can be used with Bootstrap to quickly build responsive map apps with a great UI and UX. The framework is designed to work well with mapping components and provides additional features such as collapsible panels and "Full Map" mode.

Features

  • 14 different top and bottom layouts
  • Small (40px), medium (50px), and large (65px) navbar sizes
  • Dark and light color themes
  • Calcite colors
  • Extended navbar, dropdown menu, and collapsible panels
  • Dropdown menu drawer option
  • Full map view
  • Custom Sass build for Bootstrap and Calcite Maps
  • Support for ArcGIS JS 3.x, ArcGIS JS 4.x, and Esri Leaflet
  • Dojo and jQuery support
bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

grunt
Grunt

Grunt is a popular JavaScript task runner that automates repetitive tasks like minification, compilation, and testing, allowing developers to focus on writing code.