Material Dashboard - Dark Design

Material Dashboard - Dark Design

Hello Coders,

This article presents an open-source Material Dashboard design crafted by Creative-Tim, using a modern, dark-themed layout. Material Dashboard Dark Edition is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design.

The product can be downloaded directly from Github and the permissive license allows unlimited copies for hobby & commercial projects.

Thanks for reading! This content is provided by AppSeed - a platform that helps developers to code projects faster.
Material Dashboard - Dark Design.

Product Description (vendor notes)

Material Dashboard Dark Edition is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design. Material Dashboard is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap 4 framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements.

Material Dashboard Dark Edition makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.

Material Dashboard Dark Edition comes with 5 color filter choices for both the sidebar and the card headers (blue, green, orange, red and purple) and an option to have a background image on the sidebar.

Material Dashboard Dark - Google Maps

Material Dashboard Dark - Maps Page.

Material Dashboard Dark - UI Alerts

Material Dashboard Dark - Alerts Page.


How To compile the project

To build the design locally Nodejs is a mandatory dependency. Once we have Nodejs installed and accessible via the terminal, we can compile the sources with just a few commands:

#1 - Get the source code

$ git clone https://github.com/creativetimofficial/material-dashboard.git
$ cd material-dashboard

#2 - Install modules (via Yarn)

This will install both run-time project dependencies and developer tools listed in package.json file.

$ # Install dependencies
$ yarn  

#3 - Start App in Development Mode

$ # start the app in development mode
$ gulp open-app 
$
$ # production build
$ gulp compile-scss

At this point this modern dark-themed design should be available in the browser. For more information regarding the usage, feel free to access the product page (link provided in the top of the page).


Want more? GO Premium with Material Dashboard Dark PRO

Material Dashboard Dark PRO is a Premium Material Bootstrap 4 Admin with a fresh dark, new design inspired by Google's Material Design. It is based on the popular Bootstrap 4 framework and comes packed with multiple third-party plugins. All components are built to fit perfectly with each other, while aligning to the material concepts.

Material Dashboard Dark PRO has the same line of design as the Material Dashboard PRO, so they go together quite good. If you think you will need more landing and example pages, be sure to check it out. If you love material design, you'll probably enjoy using these products!

Material Dashboard Dark PRO - Premium Material Design.
Show Comments