17 Best Material UI Templates for Dashboard/WebApp (Free & Premium)
Tags: react, webdev, javascript
Published: 2020-09-20 13:36:54

This post was originally published at <a href="https://www.devaradise.com/best-material-ui-templates-dashboard-webapp">https://www.devaradise.com/best-material-ui-templates-dashboard-webapp</a>

<!-- wp:paragraph -->
<p>Material-UI is the most popular <a href="https://www.devaradise.com/best-react-ui-frameworks-libraries">React UI framework</a> with a material design style. When this post was written, it has 61k+ stars and 18k+ forks on Github.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It's widely used by React developers, with around 1.2+ million NPM downloads every week. </p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":2693,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><a href="https://www.npmtrends.com/@material-ui/core" target="_blank" rel="nofollow noopener"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/material-ui-stats-1024x443.jpg" alt="Material-UI download stats" class="wp-image-2693"/></a><figcaption>Material-UI weekly download stats. Click image for more details.</figcaption></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>With such popularity, you don't have to worry to use it on your React project. Furthermore, many developers created pre-defined Material-UI templates that can make your Material-UI project even easier.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You don't have to compose Material-UI components from scratch to create a material designed dashboard or web app.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>By using a Material-UI template, you can speed up your development process by focusing more on the functionality and core of the app rather than style and UX.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>In this post, I collate the best Material-UI templates you can pick for your project, both free and premium templates.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4>Related Listicles</h4>
<!-- /wp:heading -->

<!-- wp:list -->
<ul><li><a href="https://www.devaradise.com/best-react-admin-templates">37+ Best React Admin Templates for Web Application 2020 (Free and Premium)</a></li><li><a href="https://www.devaradise.com/best-react-ui-frameworks-libraries">10 Best React UI Frameworks / Libraries 2020</a></li></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2>What are The Best React Material UI Templates?</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The best Material-UI templates usually are the premium templates that you have to purchase start from $10. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It's almost impossible to find developers that would share their hard work for free. The best templates require a lot of effort, time, and often a team to build them.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>In the following list, I collate the best premium Material-UI templates with my affiliate links attached to each template. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>I will get some commission (at no additional cost to you) if you purchase one of the Material-UI templates below through my affiliate links. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><em>That is the best way and a win-win if you want to support this blog</em> :).</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>But, if you here for a free template, you can directly jump to the <a href="#Best_Free_MaterialUI_Templates">Best free Material-UI templates</a> section.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>1. Carolina Material UI Pro</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/carolina-material-ui-pro.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/carolina-material-ui-pro-350x350.jpg" alt="Carolina Material UI Pro" class="wp-image-2727"></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li><strong>106+</strong> React Pages Included</li>
<li><strong>12+</strong> Unique Dashboards</li>
<li><strong>7+</strong> Applications</li>
<li><strong>75+</strong> Customized React Widgets</li>
<li>Clean code &amp; Modular Architecture</li>
<li>Optimized Assets</li>
<li>Powerfull docummentation and support</li>
<li>Price: <strong>$59</strong></li>
</ul>
<div class="links"><a class="demo-link" href="https://demo.uifort.com/carolina-react-admin-dashboard-material-ui-pro-demo/DashboardDefault/?wpam_id=9" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://uifort.com/template/carolina-react-admin-dashboard-material-ui-pro/?wpam_id=9" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Carolina is a premium React admin dashboard built with Google Material design styles using Material-UI framework.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It features a clean design with nice aesthetics that will boost you project’s user experience. It provides a solid foundation for building highly interactive web experiences across all mediums offering users an unified experience.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Beside Material-UI, Carolina also integrated with over 75 React widgets and plugins. It styled with SCSS stylesheets which are automatically compiled into CSS helper classes that you can use to style various parts of your applications..</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>2. Bamburg Material-UI Pro</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/bamburg-material-ui-template.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/bamburg-material-ui-template-350x350.jpg" alt="Bamburg Material UI Pro" class="wp-image-2726"></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li><strong>103+</strong> React Pages Included</li>
<li><strong>4+</strong> Unique Dashboards &amp; Applications</li>
<li><strong>57+</strong> Customized React Widgets</li>
<li><strong>350+</strong> Customized Components</li>
<li>Clean code &amp; Modular Architecture</li>
<li>Optimized Assets</li>
<li>Powerfull docummentation and support</li>
<li>Price: <strong>$69</strong></li>
</ul>
<div class="links"><a class="demo-link" href="https://demo.uifort.com/bamburgh-react-admin-dashboard-material-ui-pro-demo/Overview?wpam_id=9" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://uifort.com/template/bamburgh-react-admin-dashboard-with-material-ui-pro/?wpam_id=9" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Bamburg is a premium React Material-UI template with 4 seperate applications interfaces included, making it a perfect solution for for quickly developing modern projects.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Each application has it’s own documentation which includes code snippets for all sections you found in the live previews.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Bamburg has specific components for commerce, monitoring, analytics, or statistics available. Everything you can possibly need to build your next project is included – marketing sections, data display sections, widgets, form controls, and many more.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>3. React Material Admin Full</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/react-material-admin-full.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/react-material-admin-full-350x350.jpg" alt="React Material Admin Full" class="wp-image-2725"></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li>Three color themes</li>
<li>Hundreds of components and pages</li>
<li>Sketch files included</li>
<li>React Hooks</li>
<li>Various chart libraries</li>
<li>Full-Service Support with ticketing system</li>
<li>Price: <strong>$99</strong></li>
</ul>
<div class="links"><a class="demo-link" href="https://flatlogic.com/templates/react-material-admin-full/demo?ref=MzuCjKrsQy" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://flatlogic.com/templates/react-material-admin-full?ref=MzuCjKrsQy" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>React Material Admin is an easily customizable dashboard template built with&nbsp;Material-UI&nbsp;framework.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It has <strong>Three colors themes</strong>, hundreds of components and pages, modular architecture, and the latest industry best practices - all you need to start a modern material design application.&nbsp;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It will be a great start to build E-Commerce, SASS, project management, and other web applications!</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>4. Fuse React Admin</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/fuse-material-ui-template.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/fuse-material-ui-template-350x350.jpg" alt="Fuse Material-UI Template" class="wp-image-2723"/></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li><strong>2</strong> Unique Dashboards</li>
<li><strong>24</strong> Color schemes</li>
<li><strong>12</strong> Built-in Applications</li>
<li>Configurable Template Layouts</li>
<li>JWT, AuthO and Firebase Authentication</li>
<li>20+ PSD Files included</li>
<li>Price: <strong>$28</strong></li>
</ul>
<div class="links"><a class="demo-link" href="https://1.envato.market/M6JMq" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://1.envato.market/YQ6MP" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Fuse is a Material-UI admin template built with React hooks and Redux. It's a complete React admin template that follows Google’s Material Design guidelines.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Fuse has built-in page templates, routing and auth features. It also includes 5 example apps, 20+ pages, lots of reusable react components and more.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Fuse React admin template is not only a great kick starter for your project but it also is an extremely good place to learn some of the advanced aspects of the React.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>5. EasyDev React Admin Template</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/easydev-react-dashboard.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/easydev-react-dashboard-350x350.jpg" alt="Easydev React Dashboard" class="wp-image-2728"/></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li><strong>6</strong> Unique Dashboards</li>
<li><strong>200+</strong> UI Elements</li>
<li><strong>3</strong> Built-in Applications</li>
<li>Light and Dark Layouts</li>
<li>Multilanguage services</li>
<li>Full Documentation</li>
<li>Price: <strong>$28</strong></li>
</ul>
<div class="links"><a class="demo-link" href="https://1.envato.market/5964n" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://1.envato.market/r6Z5G" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>EasyDev is a modern React admin template with Bootstrap 4 and Material-UI framework. It has 100+ React pages, 200+ UI Elements and 6 unique dashboards.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>EasyDev built with the aim to become a developer-friendly template. It has a clean and professional code, with full documentation.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It is the most convenient template for developers, because of React Components, clean code, and detailed documentation which allows you to build any projects easily. Use it for e-commerce, analytics, sports, and other types of web or mobile applications.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>6. Reactify React Redux Material UI Template</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/reactify-material-ui.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/reactify-material-ui-350x350.jpg" alt="Reactify Material-UI Template" class="wp-image-2724"/></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li>Unique dashboard designs</li>
<li><strong>300+</strong> UI Elements</li>
<li><strong>65+</strong> Exclusive Widgets</li>
<li><strong>20+</strong> Custom Pages</li>
<li><strong>20+</strong> Chart Widgets</li>
<li>Charts and graphs</li>
<li>Multilanguage and RTL Support</li>
<li>Price: <strong>$24</strong></li>
</ul>
<div class="links"><a class="demo-link" href="https://1.envato.market/n0Gmx" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://1.envato.market/Eom4X" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Reactify is a developer-friendly powerful reactjs template developed with redux, redux-thunk, webpack 4, laravel, bootstrap 4 and material UI. It is fully responsive and supports RTL languages with an integrated language translation method.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It provides ready to use components, widgets, and pages which makes it super easy to build a new admin panel as per requirement. With pre-integrated API methods, it also provides you the power to build your dynamic listing pages with ease.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Reactify has dashboards like Ecommerce, CRM, Saas, Agency, and News with ready to use widgets.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>7. Enlite Prime Admin Template</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/enlite-prime-materialui.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/enlite-prime-materialui-350x350.jpg" alt="Enlite Prime Material-UI Template" class="wp-image-2730"/></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li>Premium designs</li>
<li><strong>30+</strong> React Components & Modules</li>
<li>Various sample pages</li>
<li>Prebuilt Apps</li>
<li>Multiple layouts, Multilanguage & RTL Support</li>
<li>High Performance</li>
<li>Price: <strong>$18</strong></li>
</ul>
<div class="links"><a class="demo-link" href="https://1.envato.market/2xE4D" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://1.envato.market/O2gPA" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p><strong>Enlite Prime</strong> is a full-stack website template based on <strong>React Boilerplate</strong>. It provides you clean modern design and integrated backend. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Enlite prime has translation ready with RTL support, and also comes with multiple color along dark mode which gives you the design flexibility.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>This template contains more than 30 components based on material-ui designs. And also various sample pages like <strong>Landing page, 2 Dashboards variant, and Profile.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>8. Fortress Materiaul-UI Admin Template</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/fortress-react-admin-material-ui.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/fortress-react-admin-material-ui-350x350.jpg" alt="Fortress Materiaul-UI Admin Template" class="wp-image-2731"/></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li>Build with React and Redux</li>
<li>Highly Scalable</li>
<li>React components only!</li>
<li>Recharts</li>
<li>Webpack</li>
<li>Tabs navigation for a better user experience</li>
<li>Price: <strong>$34</strong></li>
</ul>
<div class="links"><a class="demo-link" href="https://1.envato.market/qbJ7n" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://1.envato.market/mWAQD" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p>Fortress is a responsive and multipurpose admin powered with React, Redux and Material-UI frameworks.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It based on React boilerplate that offers a highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>9. Egret Material Dashboard</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/egret-react-material.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/egret-react-material-350x350.jpg" alt="Egret React Material" class="wp-image-2729"/></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li><strong>3</strong> Unique Dashboards</li>
<li><strong>7</strong> Built-in Applications</li>
<li><strong>50+</strong> React UI Kits</li>
<li>Horizontal and Vertical Layouts</li>
<li><strong>4</strong> Kinds of Chart Components</li>
<li>Drag and Drop</li>
<li>Price: <strong>$12</strong></li>
</ul>
<div class="links"><a class="demo-link" href="https://1.envato.market/kBemM" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://1.envato.market/596Vn" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:paragraph -->
<p><strong>Egret – Material Dashboard Template</strong> is the most powerful, developer-friendly &amp; highly customizable React admin dashboard. It's beautifully crafted by following Google’s material design guidelines with Light &amp; Dark Layouts.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Egret is packed with tons of features, UI components, Ready to use Apps, example pages. Egret components are lazy-loaded, that mean component will load on demand.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It's powered with Material UI as UI library and Redux as state management.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2>Best Free Material-UI Templates</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Actually, there are not many free material-ui templates available. The free material-ui templates listed here are mostly the lite version of the existing premium templates.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>If you know other good and free material-ui templates, please let me know through the comment section.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3>10. Devias Kit Material-UI Template</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img"><a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/free-devias-kit.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/free-devias-kit-350x350.jpg" alt="Devias Kit Material-UI Template" class="wp-image-2733"></a></div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li><strong>7</strong> Demo pages</li>
<li><strong>2</strong> Integrated plugins</li>
<li>Sketch and Figma design files</li>
<li>Fully responsive</li>
<li>Well-documented</li>
<li>Based on Material UI</li>
</ul>
<div class="links"><a class="demo-link" href="https://react-material-dashboard.devias.io/dashboard" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://github.com/devias-io/react-material-dashboard" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->

<!-- wp:heading {"level":3} -->
<h3>11. React Material Admin</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/free-react-material-admin.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/free-react-material-admin-350x350.jpg" alt="React Material Admin Free" class="wp-image-2722"/></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li>Material & Fontawesome icon packs</li>
<li>No Jquery and Bootstrap</li>
<li>Authentication page</li>
<li>React Hooks</li>
<li>Various chart libraries</li>
<li>Fully responsive</li>
</ul>
<div class="links"><a class="demo-link" href="https://flatlogic.com/templates/react-material-admin/demo?ref=MzuCjKrsQy" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href=https://flatlogic.com/templates/react-material-admin?ref=MzuCjKrsQy" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->

<!-- wp:heading {"level":3} -->
<h3>12. Matx Material UI Template</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img"><a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/free-matx-react-ui.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/free-matx-react-ui-350x350.jpg" alt="Matx Material UI Template" class="wp-image-2719"></a></div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li>Well-designed Dashboard</li>
<li>Material UI components</li>
<li>Drag and Drop</li>
<li>JWT Authentication</li>
<li>Lazy loading</li>
<li>Code Splitting</li>
<li>Material Design</li>
</ul>
<div class="links"><a class="demo-link" href="http://matx-react.ui-lib.com/dashboard/analytics" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://github.com/uilibrary/matx-react" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->

<!-- wp:heading {"level":3} -->
<h3>13. Carolina React Admin Dashboard</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/carolina-material-ui-pro.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/carolina-material-ui-pro-350x350.jpg" alt="Carolina Material UI Pro" class="wp-image-2727"></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li><strong>23+</strong> React Pages Included</li>
<li><strong>2500+</strong> Icon fonts</li>
<li>Clean code &amp; Modular Architecture</li>
<li>Easy to customize</li>
<li>Optimized Assets</li>
<li>Powerfull docummentation</li>
</ul>
<div class="links"><a class="demo-link" href="https://demo.uifort.com/carolina-react-admin-dashboard-material-ui-free-demo/DashboardDefault/?wpam_id=9" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://uifort.com/template/carolina-react-admin-dashboard-material-ui-free/?wpam_id=9" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->

<!-- wp:heading {"level":3} -->
<h3>14. Material Dashboard React</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/free-material-react-dashboard.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/free-material-react-dashboard-350x350.jpg" alt="Material Dashboard React" class="wp-image-2718"></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li><strong>30</strong> Ready-to-use UI elements</li>
<li><strong>7</strong> Example pages</li>
<li><strong>2</strong> 3rd-party plugins</li>
<li>Fully Responsive</li>
<li>Cross Browser Optimisation</li>
</ul>
<div class="links"><a class="demo-link" href="https://demos.creative-tim.com/material-dashboard-react/#/admin/dashboard" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://github.com/creativetimofficial/material-dashboard-react" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->

<!-- wp:heading {"level":3} -->
<h3>15. Material Kit React</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/free-material-kit-react.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/free-material-kit-react-350x350.jpg" alt="Free Material Kit React" class="wp-image-2717"/></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li><strong>60</strong> Ready-to-use UI elements</li>
<li><strong>3</strong> Example pages</li>
<li><strong>4</strong> 3rd-party plugins</li>
<li>Fully Responsive</li>
<li>Full Coded</li>
</ul>
<div class="links"><a class="demo-link" href="https://demos.creative-tim.com/material-kit-react" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://github.com/creativetimofficial/material-kit-react" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->

<!-- wp:heading {"level":3} -->
<h3>16. NextJs Material Kit</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/free-nextjs-material-kit.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/free-nextjs-material-kit-350x350.jpg" alt="Free Nextjs Material Kit" class="wp-image-2720"/></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li><strong>60</strong> Ready-to-use UI elements</li>
<li><strong>3</strong> Example pages</li>
<li><strong>3</strong> 3rd-party plugins</li>
<li>Fully Responsive</li>
<li>Full Coded</li>
</ul>
<div class="links"><a class="demo-link" href="https://demos.creative-tim.com/nextjs-material-kit/components" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://github.com/creativetimofficial/nextjs-material-kit" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->

<!-- wp:heading {"level":3} -->
<h3>17. Official Material UI Template Examples</h3>
<!-- /wp:heading -->

<!-- wp:html -->
<div class="review-item-preview">
<div class="preview-img">
<a title="Click to enlarge image" href="https://www.devaradise.com/wp-content/uploads/2020/09/free-official-material-ui-templates.jpg"><img src="https://www.devaradise.com/wp-content/uploads/2020/09/free-official-material-ui-templates-350x350.jpg" alt="Free Official Material UI Templates" class="wp-image-2721"/></a>
</div>
<div class="preview-desc">
<h4>Main Features</h4>
<ul class="feature-list">
<li>Dashboard Template</li>
<li>Sign In & Sign Up Template</li>
<li>Blog Template</li>
<li>Checkout Page Template</li>
<li>Pricing Page Template</li>
<li>Album Template</li>
</ul>
<div class="links"><a class="demo-link" href="https://material-ui.com/getting-started/templates/dashboard/" target="_blank" rel="nofollow noopener noreferrer">Live Demo</a> //  <a class="download-link" href="https://material-ui.com/getting-started/templates/" target="_blank" rel="nofollow noopener noreferrer">Get Template</a></div>
</div>
</div>
<!-- /wp:html -->

<!-- wp:heading {"level":3} -->
<h3>18. What would I miss?</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Did I miss any Material-UI templates you know? Share with me in the comment below!</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>~~</p>
<!-- /wp:paragraph -->