loading...
Cover image for Open-Source Admin Dashboard - Material Dark

Open-Source Admin Dashboard - Material Dark

admindashboards profile image admin-dashboards ・2 min read

Hello Coders,

This is my first post on Dev.to and i hope will be an useful one for the audience. This article presents a beautiful open-source admin dashboard, designed in Bootstrap4 and released as a free product by the publisher.

In a rush? Access the DEMO and the Github sources with two clicks: Material Dashboard Dark Demo, Material Dark Dashboard Sources. Thank you!


Dark Dashboard Information

Material Dashboard Dark 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.

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.

Build Dark Dashboard from Sources

Based on the permissive license, we can use this simple dashboard without an account, directly from sources:

$ git clone https://github.com/creativetimofficial/material-dashboard.git
$ cd material-dashboard
$ yarn # install modules
$ gulp open-app # start the app in development mode
$ gulp compile-scss # production build

If all goes well, this simple dashboard should be visible in your browser.

Material Dashboard Dark Edition - App Screen 1.

Material Dashboard Dark Edition - App Screen 2.

Material Dashboard Dark Edition - App Screen 3.


Already using this design? Please add your project in the comments. Thank you!


Related Resources (selected from Dev.to)

Discussion

pic
Editor guide