DEV Community 👩‍💻👨‍💻

Cover image for Free Admin Dashboard - Material Design BS5
admin-dashboards
admin-dashboards

Posted on • Originally published at admin-dashboards.com

Free Admin Dashboard - Material Design BS5

Hello!

This article presents an Open-Source Admin Dashboard crafted on top of Bootstrap 5 framework using a pixel-perfect material-based design. Material Dashboard is a popular freebie released under the MIT License by Creative-Tim, a well-known web agency with more than 1.5M registered users. The product can be downloaded directly from Github (no registration lock) and used without limitations for hobby and commercial projects.

Thanks for reading! - Content provided by Admin Dashboards.



Free Admin Dashboard - Material Design.


Update Information

This popular open-source dashboard released 5 years ago with more than 280k+ times got an important update summarized below:

  • Bootstrap 5 update - v5.1.3
  • Codebase refactoring
  • Light/Dark Mode Ready
  • Authentication pages: SignIN, SignUP
  • New pages: VR, RTL Support, Billing

For more information, please access the product page or the official documentation.


Product Information

The most complex and innovative Dashboard Made by Creative Tim. Check our latest Premium Bootstrap 5 Dashboard with a fresh, new design inspired by Google's Material Design 2.

Fully Coded Elements - Material Dashboard 2 is built with over 60 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which you can easily modify using SASS files and classes.

Example Pages - If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project.


Material Dashboard - Billing Page

Free Material Dashboard - Billing Page.


Material Dashboard - Profile Page

Free Material Dashboard - Profile Page.


Material Dashboard - VR Page

Free Material Dashboard - VR Page.


How to use the product

Material Dashboard can be compiled and used locally with just a few commands typed in the terminal window. Before trying to build the product please check if a minimum programming kit is properly installed and accessible via the terminal window: NodeJS ( v12.x or above), GIT, and a modern editor like VsCode or Atom. Once all the tools are installed we can move forward and compile the template:

👉 Step #1 - Clone product from Github

$ git clone https://github.com/creativetimofficial/material-dashboard.git
$ cd material-dashboard
Enter fullscreen mode Exit fullscreen mode

👉 Step #2 - Install Modules via NPM or Yarn

$ npm i
// OR
$ yarn
Enter fullscreen mode Exit fullscreen mode

👉 Step #3 - Install Gulp globally

$ npm install -g gulp-cli
Enter fullscreen mode Exit fullscreen mode

👉 Step #4 - Start the project (development mode)

$ gulp open-app
Enter fullscreen mode Exit fullscreen mode

If all goes well, we should see Material Dashboard up and running in the browser.


Free Material Dashboard - Login Page.


Thanks for reading! For more resources please access:

Top comments (0)

All DEV content is created by the community!

Hey, if you're landing here for the first time, you should know that this website is a global community of folks who blog about their experiences to help folks like you out.

Sign up now if you're curious. It's free!