Calcite Maps
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
Summary
Calcite Maps is a theme for Bootstrap that provides CSS classes to quickly build responsive map apps with a great UI and UX. It offers a variety of layouts, navbar sizes, color themes, and additional features such as collapsible panels and "Full Map" mode. The framework is designed to work well with mapping components and supports ArcGIS JS 3.x, ArcGIS JS 4.x, and Esri Leaflet. It also provides Dojo and jQuery support. To get started, simply build a Bootstrap HTML page, include references to Bootstrap and Calcite Maps, and apply Calcite Maps classes to style your app.
- Bootstrap
Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.
- 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.
- 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 is a popular JavaScript task runner that automates repetitive tasks like minification, compilation, and testing, allowing developers to focus on writing code.