React Dashboard Template - Material Dashboard

React Dashboard Template - Material Dashboard

Hello Coders,

This article presents an open-source React Dashboard crafted and released for free by Creative-Tim agency. This popular template has more than 100k downloads and the permissive license allows unlimited usage for hobby and commercial products. For newcomers, React is a declarative, efficient, and flexible JavaScript library for building user interfaces using small and isolated pieces of code called “components”.

Thank you for reading! Content provided by AppSeed - a platform built for developers.

React Dashboard Material - Main Page. 

Material Dashboard React is a free Material-UI 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 React was built over the popular Material-UI v4.1.0 framework.

Material Dashboard React 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 React 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 from Sources

To compile and start the project locally we need Nodejs and GIT properly installed in the workstation and accessible in the terminal window. Once we have this minimal toolchain we can start compiling the project:

1# Clone/download sources

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

2# Install modules (this might take a while)

$ # We can use npm or Yarn
$ npm install 
$ 
$ # Via yarn
$ yarn

3# Start for development

$ yarn start

At this point we can visit the template in the browser.

React Dashboard Template - User profile
React Dashboard Material - User Profile. 

React Dashboard Template - Google Maps
React Dashboard Material - Maps page. 

React Dashboard Template - RTL Support
React Dashboard Material - RTL Support. 


More React Templates - crafted by other providers.

Datta Able React - crafted by CodedThemes

Datta Able React Free is the most stylised React Free Admin Template, around all other admin templates in the market. It comes with high feature-rich pages and components with fully developer centric code. Before developing Datta Able our key points were performance and design. While developing we have gone through various testing & code optimization process, for making this performance and design-centric backend application.

React Dashboard Template - Datta Able Free.

Azia React Free - crafted by BootstrapDash

Azia Admin is a modern React.js Admin template with must-have components to help you get started on your next project.

Azia is a React Dashboard template featuring components that are built to fit perfectly with each other. It offers a clean interface that can be easily adapted to fit your vision and branding.

React Dashboard Template - Azia Free.
Show Comments