File Structure

Material Dashboard is a Bootstrap 4 Admin that was built using Google's Material Design principles.

Material Dashboard Structure

Once you have downloaded the archive and opened it, you will find the following structure:

material-dashboard
├── CHANGELOG.md
├── assets
│   ├── demo/
│   ├── css/
│   │   ├── material-dashboard.css
│   │   ├── material-dashboard.css.map
│   │   └── material-dashboard.min.css
│   ├── img/
│   └── js/
│       ├── bootstrap-material-design.js
│       ├── bootstrap-material-design.js.map
│       ├── bootstrap-material-design.min.js
│       ├── core/
│       ├── material-dashboard.js
│       └── plugins/
├── docs/
│   └── documentation.html
└── examples/
    ├── dashboard.html
    ├── user.html
    ├── table.html
    ├── typography.html
    ├── icons.html
    ├── maps.html
    └── notifications.html

Restyled Components

Here is the list of Bootstrap 4 components that were restyled in Material Dashboard:

• Buttons
• Inputs
• Textarea
• Menu
• Dropdown
• Navigation Menu
• Labels
• Notifications
• Typography
• Tables

New Components

Besides giving the existing Bootstrap elements a new look, we added new ones, so that the interface and consistent and homogenous.
Going through them, we added:

• Checkboxes
• Radio Buttons
• Card Stats
• Card Charts
• Card with tabs
• Material Icons