DEV Community

Cover image for Admin Dashboards - Material Design UI Kits and Apps

Posted on • Updated on

Admin Dashboards - Material Design UI Kits and Apps

Hello Coders,

This article presents a short-list with free, open-source UI Kits and web apps built/coded on top of Material Design pattern. Some common characteristics for all projects listed here:

  • the projects are actively supported by their vendors
  • can be used without an account
  • released under a permissive license (MIT, LGPL)
  • can be used for commercial products

Thank you! Content provided by App Generator.

Coded version with authentication, database, deployment scripts

What is Material Design

Material Design is a design language developed by Google which, at its core, is an extremely sophisticated and well-defined set of guidelines to help both designers and end-users replicate Google’s work as well as explain why things in Google look and respond the way they do - Definition provided by

Material Dashboard - Creative-Tim

Vendor Notes - 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 Design - Material Dashboard Free by Creative-Tim.

Django Material Admin

Material Dashboard is a free Material Bootstrap 4 Admin with a fresh, new design inspired by Google's Material Design.

Material Dashboard 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 design coded in Django Framework with SQLite database, native ORM and session-based authentication.

Material Able

Material Able Bootstrap Free is the most stylized Bootstrap 4 Free Admin Template, around all other Lite/Free admin templates in the market. It comes with high feature-rich pages and components with fully developer-centric code.

Before developing Material Able our key points were performance and design. While developing we have gone through various testing & code optimization processes, for making this performance and design-centric backend application.

Material Able - Material Dashboard Free by CodedThemes.

Material Admin

Material Admin is a free admin template designed based on Google’s Material Design framework. It contains multiple in-built layouts, which makes it possible to create pages in a different layout in just a matter of minutes.

It comes with the basic components and set of pre-built pages required to lay the foundation for any application.

Material Design - Material Admin by BootstrapDash.

CoreUI Admin - CoreUI Agency

CoreUi, with more than 10k Github stars, is a popular admin dashboard design, actively supported by the mother agency.

CoreUI admin dashboard delivers a bunch of responsive, customizable, and reusable components you need to create modern, beautiful, responsive apps. CoreUI makes app development lightning fast.

Material Design - CoreUI Dashboard.

Django Dashboard CoreUI

CoreUI is an Open Source Bootstrap Admin Template meant to be the UX game changer. The CoreUI Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp.

CoreUI Dashboard comes with pure and transparent that makes the final app light enough to offer ultimate user experience. This modern material-based UI Kit is crafted by CoreUI agency.

Django Dashboard CoreUI - Template project provided by AppSeed.

AdminLTE - by ColorLib

Vendor Notes - Best open source admin dashboard & control panel theme. Built on top of Bootstrap, AdminLTE provides a range of responsive, reusable, and commonly used components.

Material Design - AdminLTE Design.

Links & Resources

Thanks for reading! Let me know your thoughts in the comments.

Top comments (1)

moshess profile image
Mostafa Hesari