Contents

Discover what’s included in Bootstrap, including our precompiled and source code flavors. Remember, Bootstrap’s JavaScript plugins require jQuery.

Material Dashboard Dark structure

Once downloaded, unzip the compressed folder and you’ll see something like this:

.
├── CHANGELOG.md
├── README.md
├── assets/
│   ├── css/
│   │   ├── material-dashboard.css
│   │   ├── material-dashboard.css.map
│   │   ├── material-dashboard.min.css
│   ├── demo/
│   │   ├── demo.css
│   │   └── demo.js
│   ├── img/
│   ├── js/
│   │   ├── core/
│   │   │   ├── bootstrap-material-design.min.js
│   │   │   ├── jquery.min.js
│   │   │   └── popper.min.js
│   │   ├── material-dashboard.js
│   │   ├── material-dashboard.js.map
│   │   ├── material-dashboard.min.js
│   │   └── plugins/
│   └── scss/
│       ├── material-dashboard/
│       └── material-dashboard.scss
├── docs/
│   └── documentation.html
├── examples/
│   ├── calendar.html
│   ├── charts.html
│   ├── components/
│   │   ├── buttons.html
│   │   ├── grid.html
│   │   ├── icons.html
│   │   ├── notifications.html
│   │   ├── panels.html
│   │   ├── sweet-alert.html
│   │   └── typography.html
│   ├── dashboard.html
│   ├── forms/
│   │   ├── extended.html
│   │   ├── regular.html
│   │   ├── validation.html
│   │   └── wizard.html
│   ├── maps/
│   │   ├── fullscreen.html
│   │   ├── google.html
│   │   └── vector.html
│   ├── pages/
│   │   ├── error.html
│   │   ├── lock.html
│   │   ├── login.html
│   │   ├── pricing.html
│   │   ├── register.html
│   │   ├── rtl.html
│   │   ├── timeline.html
│   │   └── user.html
│   ├── tables/
│   │   ├── datatables.net.html
│   │   ├── extended.html
│   │   └── regular.html
│   └── widgets.html
├── gulpfile.js
├── package.json
└── template.html

This is the most basic form of Material Dashboard Dark: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (material-dashboard.*), as well as compiled and minified CSS and JS (material-dashboard.min.*). source maps (material-dashboard.*.map) are available for use with certain browsers’ developer tools.

CSS

Material Dashboard Dark comes with both minified and expanded versions of CSS. It already includes the latest version of Bootstrap - v4.5.2.

JS

Material Dashboard Dark comes with both minified and expanded versions of JS. It includes only custom and initialization scripts for used plugins inside this theme. Jquery and Bootstrap must be declared separately in the web page before including plugins.

Learn more about how to correctly include CSS and JS resources in a web page in our quick start page.

Source files

The Material Dashboard source code download includes the precompiled JavaScript assets, along with source Sass. More specifically, it includes the following and more:

material-dashboard/
├── assets/
│   ├── css/
│   ├── js/
│   └── scss/

If you want to make use of Material uncompiled resources make sure you install and use our Build Tools to compile and minify CSS and JavaScript for production. Click here to learn more about how to use NPM, Gulp and other useful tools in order to compile CSS and JavaScript.