πŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Free React Dashboard made withΒ Material UI’s components and React to boost your app development process. Preview:

Framework React

Documentation

Brainalytica - Material React Dashboard Free Tweet

license GitHub issues GitHub issues closed Chat

React Material Dashboard

Free React Dashboard made with Material UI's components, React and of course create-react-app to boost your app development process! We'll launch a pro version soon, so if you are interested subscribe to our personal emailing list on https://devias.io/

Table of Contents

Demo

Quick start

  • Download from Github or Download from Devias or clone the repo: git clone https://github.com/devias-io/react-material-dashboard.git

  • Install dependencies: npm install or yarn

  • Start the server: npm run start or yarn start

  • Views are on: localhost:3000

Documentation

The documentation for the React Material Kit is can be found here.

Design Files

Download .sketch file

File Structure

Within the download you'll find the following directories and files:

material-react-dashboard  β”œβ”€β”€ .eslintrc β”œβ”€β”€ .gitignore β”œβ”€β”€ .prettierrc β”œβ”€β”€ CHANGELOG.md β”œβ”€β”€ jsconfig.json β”œβ”€β”€ LICENSE.md β”œβ”€β”€ package.json β”œβ”€β”€ README.md β”œβ”€β”€ public β”œβ”€β”€ docs └── src 	β”œβ”€β”€ assets 	β”‚	└── scss 	β”œβ”€β”€ common 	β”‚	β”œβ”€β”€ colors 	β”‚	β”œβ”€β”€ validators 	β”‚	└── serviceWorker.js 	β”œβ”€β”€ components 	β”‚	β”œβ”€β”€ DisplayMode 	β”‚	β”œβ”€β”€ Paper 	β”‚	β”œβ”€β”€ Portlet 	β”‚	β”œβ”€β”€ PortletContent 	β”‚	β”œβ”€β”€ PortletFooter 	β”‚	β”œβ”€β”€ PortletHeader 	β”‚	β”œβ”€β”€ DisplayMode 	β”‚	β”œβ”€β”€ PortletLabel 	β”‚	β”œβ”€β”€ PortletToolbar 	β”‚	β”œβ”€β”€ SearchInput 	β”‚	β”œβ”€β”€ Status 	β”‚	└── SearchInput 	β”œβ”€β”€ data 	β”œβ”€β”€ helpers 	β”œβ”€β”€ icons 	β”‚	β”œβ”€β”€ Facebook 	β”‚	└── Google 	β”œβ”€β”€ layouts 	β”‚	β”œβ”€β”€ Dashboard 	β”‚	β”‚	└── components 	β”‚	β”‚		β”œβ”€β”€ Footer 	β”‚	β”‚		β”œβ”€β”€ Sidebar 	β”‚	β”‚		└── Topbar 	β”œβ”€β”€ services 	β”‚	β”œβ”€β”€ notification 	β”‚	β”œβ”€β”€ order 	β”‚	β”œβ”€β”€ product 	β”‚	β”œβ”€β”€ user 	β”œβ”€β”€ theme 	β”‚	β”œβ”€β”€ overrides 	β”‚	β”œβ”€β”€ pallete.js 	β”‚	└── typography.js 	β”œβ”€β”€ views 	β”‚	β”œβ”€β”€ Account 	β”‚	β”œβ”€β”€ Dashboard 	β”‚	β”œβ”€β”€ Icons 	β”‚	β”œβ”€β”€ NotFound 	β”‚	β”œβ”€β”€ ProductList 	β”‚	β”œβ”€β”€ Settings 	β”‚	β”œβ”€β”€ SignIn 	β”‚	β”œβ”€β”€ SignUp 	β”‚	β”œβ”€β”€ Typography 	β”‚	β”œβ”€β”€ UnderDevelopment 	β”‚	└── UserList 	β”œβ”€β”€ App.jsx 	β”œβ”€β”€ index.jsx 	└── Routes.jsx 

Resources

Reporting Issues:

Design Files

Contact Us


You May Also Like