DEV Community

Cover image for Open-Source Admin Dashboard - Material Dark
admin-dashboards
admin-dashboards

Posted on

1 1

Open-Source Admin Dashboard - Material Dark

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
Enter fullscreen mode Exit fullscreen mode

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)

AWS Q Developer image

Your AI Code Assistant

Generate and update README files, create data-flow diagrams, and keep your project fully documented. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️