Update README.md

wrappixelTeam · web-flow · commit 8174bf709847 · 2025-04-21T16:05:30.000+05:30
diff --git a/README.md b/README.md
@@ -1,26 +1,258 @@
-## MaterialM Angular Admin Template
-[View Demo](https://materialm-angular-free.netlify.app/)  |  [Download](https://www.wrappixel.com/templates/materialm-free-angular-18-material-template/)  |  [Checkout Angular Admin Dashboards](https://www.wrappixel.com/templates/category/angular-admin-dashboard-templates/)
+<p align="center">
+   <a href="https://www.wrappixel.com/" target="_blank">
+      <img src="https://adminmart.github.io/template_api/images/brand-logo/WrapPixel-Logo.svg" alt="sneat-logo" width="100px" height="100px">
+   </a>
+</p>
+<h1 align="center">
+   <a href="https://www.wrappixel.com/templates/materialm-free-angular-18-material-template/?ref=376" target="_blank" align="center">
+       MaterialM Free Angular Material Template
+   </a>
+</h1>
+<p>Download most useful and comprehensive 🚀 Free Angular admin template built for developers </p>
 
-<!-- Main image of Template -->
-<a target="_blank" href="https://www.wrappixel.com/templates/materialm-free-angular-18-material-template/">
-  <img src="https://www.wrappixel.com/wp-content/uploads/edd/2024/09/MaterialM_Free_version_Angular.jpg" />
-</a>
+[![MaterialM Free Tailwind React Admin Template Demo Screenshot](https://www.wrappixel.com/wp-content/uploads/edd/2024/09/MaterialM_Free_version_Angular.jpg)](https://www.wrappixel.com/templates/materialm-free-angular-18-material-template/?ref=376)
 
-> Let us know your thoughts on Our [Admin Templates](https://www.wrappixel.com/templates/category/admin-dashboard-templates/) Visit Wrappixel to [Download Free Admin Panels](https://www.wrappixel.com/templates/category/free-admin-panel-templates/) Now
 
-### Angular Admin Templates Integration with Famous Frameworks
+## 👋 Introduction
 
- [![Angular](https://skillicons.dev/icons?i=angular)  ](https://www.wrappixel.com/templates/category/angular-templates/)[![React templates](https://skillicons.dev/icons?i=react)  ](https://www.wrappixel.com/templates/category/react-templates/)[![Nextjs](https://skillicons.dev/icons?i=nextjs)  ](https://www.wrappixel.com/templates/category/nextjs-templates/)[![Tailwind CSS](https://skillicons.dev/icons?i=tailwind)  ](https://www.wrappixel.com/templates/category/tailwind-dashboard/)[![Vue](https://skillicons.dev/icons?i=vue)  ](https://www.wrappixel.com/templates/category/vuejs-templates/)[![Nuxt.js](https://skillicons.dev/icons?i=nuxtjs)](https://www.wrappixel.com/templates/category/nuxt-templates/) [![Material UI](https://skillicons.dev/icons?i=materialui)](https://www.wrappixel.com/templates/category/mui-templates/)
+**MaterialM Angular Admin Template** is a modern, fully responsive **Angular dashboard template** built with **Angular**, **Angular Material** and **ApexCharts**. It offers a clean, minimal design that follows Material Design principles, making it ideal for building scalable and high-performance **admin panels**, **SaaS dashboards**, and **internal tools**.
 
-> #### 📜 License
-> 
-> This project is licensed under the MIT License - see the
-> [LICENSE](https://www.wrappixel.com/license/) file for details.
+Designed for speed and scalability, **MaterialM Free (Angular Edition) seamlessly blends the power of Angular’s robust framework**, and **ApexCharts’ dynamic data visualizations.** This powerful trio empowers developers to craft professional-grade dashboards with ease and efficiency.
+Fully open-source and built with modern web technologies, **MaterialM Free delivers top-tier performance, a smooth development experience, and excellent SEO support.** Whether you're building an internal tool, admin panel, or business dashboard, it provides a solid, production-ready foundation to get started quickly and scale effortlessly.
 
-## Stay Tuned for MaterialM Admin Updates
 
-[![](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/wrappixel)  [![twitter](https://img.shields.io/badge/twitter-x?style=for-the-badge&logo=x&logoColor=white&color=%230f1419)](https://twitter.com/wrappixel)  [![facebook](https://img.shields.io/badge/facebook-logo?style=for-the-badge&logo=facebook&logoColor=white&color=%230866ff)](https://www.facebook.com/wrappixel)  [![instagram](https://img.shields.io/badge/instagram-logo?style=for-the-badge&logo=instagram&logoColor=white&color=%23F35369)](https://www.instagram.com/wrappixel)  [![youtube](https://img.shields.io/badge/youtube-logo?style=for-the-badge&logo=youtube&logoColor=white&color=%23cc0000)](https://www.youtube.com/wrappixel)  [![](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/company/wrappixel)
 
-### Follow us for Admin Panel Design Updates
+### 🔑 Key Features
 
-[![dribbble](https://img.shields.io/badge/dribbble-logo?style=for-the-badge&logo=dribbble&logoColor=white&color=%23ea64d9)](https://www.dribbble.com/wrappixel)  [![behance](https://img.shields.io/badge/behance-logo?style=for-the-badge&logo=behance&logoColor=white&color=%230057ff)](https://www.behance.net/wrappixel)
+- **Responsive Design**  
+  Delivers a seamless experience across all screen sizes with Angular Material’s responsive layout system and adaptive components
+  
+- **Angular Framework**  
+Leveraging the full power of **Angular**, including built-in routing, state management, and strong TypeScript support, to deliver scalable and maintainable applications.
+
+- **Angular Material Components**  
+Built entirely with **Angular Material**, offering a rich set of pre-styled, accessible UI components that follow the Material Design guidelines—ideal for fast, consistent interface development.
+- **ApexCharts Integration**  
+  Comes with interactive and customizable charts powered by **ApexCharts**, perfect for visualizing analytics and data dashboards.
+
+- **TypeScript Support**  
+  Fully typed codebase ensures reliability, better developer tooling, and maintainable code structure.
+
+- **Developer Friendly**  
+  Modular folder structure, clean code, and minimal setup make it easy to extend, customize, and scale for real-world applications.
+---
+
+
+## 🛠️ Notable Libraries and Tools
+
+| **Library / Tool**     | **Description**                                                                 |
+|------------------------|---------------------------------------------------------------------------------|
+| **Angular** |A robust framework for building scalable, component-based web applications. |
+| **Angular Material** | A UI library based on Material Design, offering pre-built, responsive components for Angular |
+| **ApexCharts**         | A modern charting library used to build interactive and customizable charts for dashboards and analytics. |
+| **TypeScript**         | A strongly typed programming language that builds on JavaScript, offering better tooling, code quality, and maintainability. |
+
+---
+## 💾 Installation Guide
+
+Welcome to the **MaterialM Free Angular Material Template**! This guide will walk you through the installation and setup process, so you can get started with building your custom admin dashboard in no time.
+
+### 📝 Steps to Install
+
+#### 1. **Clone the Repository**
+
+The easiest way to get started is by cloning the repository or download the zip file. You can do this with the following command:
+
+```bash
+git clone https://github.com/wrappixel/materialm-angular-free.git
+```
+
+#### 2. **Install Dependencies**
+
+Install the relative Dependencies of the template. You can do this with the following command:
+
+```bash
+npm install
+```
+
+#### 3. **Start the Development Server**
+
+Once the dependencies are installed, you can start a local development server to preview the template: 
+
+```bash
+ng serve -o
+```
+
+---
+
+## 📝 Documentation
+
+Welcome to the **MaterialM Free Angular Material Template** documentation! Whether you're just getting started or looking to explore advanced features, this guide will help you set up and customize your project with ease.
+
+👉 **[Click here to read the full documentation](https://wrappixel.github.io/free-documentation-wp/angular/materialM/index.html?ref=376)**
+
+---
+
+## 💎 Pro Version
+
+The Pro Version of the **MaterialM Material Angular Dashboard Template** comes packed with essential features—ideal for personal projects, prototypes, or small-scale applications. When you're ready to level up, the Pro Version unlocks a powerful suite of extras, including multiple theme options, advanced UI widgets, real-time notifications, priority support, and a host of other premium tools designed to supercharge your development workflow.
+
+<div style="display: flex; gap: 10px; align-items: center;">
+  <a href="https://materialm-angular-stylish.netlify.app/dashboards/dashboard1?ref=376" target="_blank">
+    <img src="https://img.shields.io/badge/Try_the_Demo-Click_Here-blue" alt="Try the Demo">
+  </a>
+  <a href="https://www.wrappixel.com/templates/materialm-material-angular-dashboard-template/?ref=376" target="_blank">
+    <img src="https://img.shields.io/badge/Download_Now-Click_Here-green" alt="Download Now">
+  </a>
+</div>
+
+[![MaterialM Tailwind React Admin Template Demo Screenshot](https://www.wrappixel.com/wp-content/uploads/edd/2024/09/MaterialM-angular-pro-version.jpg)](https://www.wrappixel.com/templates/materialm-material-angular-dashboard-template/?ref=376)
+
+---
+
+## ⚖️ Free vs Pro Version Comparison
+
+The **Free Version** of the **MaterialM Material Angular Dashboard Template** provides a solid set of features, perfect for personal projects or small applications. However, for businesses or developers looking to unlock more advanced functionality, the **Pro Version** offers exciting features like **multiple themes**, **advanced widgets**, **real-time notifications**, **priority support**, and much more. 
+
+
+#### Check out the comparison below to see the key differences between the two versions:
+
+| **Feature**                      | **Free Version**                       | **Pro Version**                                      |
+|-----------------------------------|----------------------------------------|-----------------------------------------------------|
+| **Demo**                          | [![Try the Demo](https://img.shields.io/badge/Try_the_Demo-Click_Here-blue)](https://materialm-angular-free.netlify.app/dashboard?ref=376)                               | [![Try the Demo](https://img.shields.io/badge/Try_the_Demo-Click_Here-blue)](https://materialm-angular-stylish.netlify.app/dashboards/dashboard1?ref=376)                                              |
+| **Download**                      | [![Download Now](https://img.shields.io/badge/Download_Now-Click_Here-green)](https://www.wrappixel.com/templates/materialm-free-angular-18-material-template/?ref=376)                                | [![Download Now](https://img.shields.io/badge/Download_Now-Click_Here-green)](https://www.wrappixel.com/templates/materialm-material-angular-dashboard-template/?ref=376)                                          |
+| **Responsive Design**             | ✅ Yes                                 | ✅ Yes                                              |
+| **Pre-designed Pages**            | ✅ Basic Pages                         | ✅ Advanced Pages (more layouts & options)           |
+| **Widgets**                       | ✅ Basic Widgets                       | ✅ Advanced Widgets (e.g., weather, charts, maps)    |
+| **Themes**                        | ✅ Default Theme                | ✅ Multiple Themes, Custom Color Skins, and Dark Modes |
+| **Support**                       | ✅ Community Support                   | ✅ Priority Support with Direct Contact             |
+| **Additional Components**         | ❌ Limited                             | ✅ Additional Components (Forms, Buttons, More UI Elements) |
+| **Advanced Data Visualization**   | ❌ Basic Charts                        | ✅ Advanced Data Visualizations (graphs, complex charts) |
+| **Multi-Language Support**        | ❌ Not available                       | ✅ Built-in support for multiple languages          |
+| **User Permissions & Roles**      | ❌ No                                  | ✅ User roles and permissions management            |
+| **Real-time Notifications**       | ❌ Not available                       | ✅ Real-time notifications for alerts & updates      |
+| **Advanced Analytics & Reporting**| ❌ Basic reports                       | ✅ Advanced analytics with custom reports and filters|
+
+
+---
+
+## 🗂️ Other versions
+
+<table>
+   <thead>
+      <tr>
+         <th> 
+            <span style="font-size: 16px;">All Access Pass</span>
+         </th>
+         <th> 
+            <img src="https://skillicons.dev/icons?i=bootstrap" height="20" alt="Bootstrap 5 templates" style="margin-right: 8px;">
+            <span style="font-size: 16px;">Bootstrap</span>
+         </th>
+         <th>
+            <img src="https://skillicons.dev/icons?i=next" height="20" alt="next templates" style="margin-right: 8px;">
+            <span>Next</span>
+         </th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <td>
+            <a href="https://www.wrappixel.com/all-access-pass/?ref=376" width="150px">
+             <img src="https://www.wrappixel.com/wp-content/uploads/2025/04/all-access-pass-category-banner-1.png" alt="materialM-bootstrap-admin-template" style="max-width:140px;">
+            </a>
+         </td>
+         <td>
+           <a href="https://www.wrappixel.com/templates/materialm-admin-dashboard-template/?ref=376" width="150px">
+             <img src="https://www.wrappixel.com/wp-content/uploads/edd/2025/02/MaterialM-Bootstrap_latest.jpg" alt="materialM-bootstrap-admin-template" style="max-width:140px;">
+           </a>
+         </td>
+         <td>
+           <a href="https://www.wrappixel.com/templates/materialm-next-js-tailwind-dashboard-template/?ref=376" width="150px">
+             <img src="https://www.wrappixel.com/wp-content/uploads/edd/2025/02/MaterialM-Nextjs_shad.jpg" alt="materialM-next-admin-template" style="max-width:150px;">
+           </a>
+         </td> 
+      </tr>
+   </tbody>
+   <thead>
+      <tr>
+         <th>
+            <img src="https://skillicons.dev/icons?i=react" height="20" alt="angular templates" style="margin-right: 8px;">
+            <span>React</span>
+         </th>
+         <th>
+            <img src="https://skillicons.dev/icons?i=vue" height="20" alt="vue templates" style="margin-right: 8px;">
+            <span>Vue</span>
+         </th>
+         <th>
+            <img src="https://skillicons.dev/icons?i=nuxt" height="20" alt="nuxt templates" style="margin-right: 8px;">
+            <span>Nuxt</span>
+         </th>
+      </tr>
+   </thead>
+   <tbody>
+      <tr>
+         <td>
+           <a href="https://www.wrappixel.com/templates/materialm-tailwind-react-admin-template//?ref=376" width="150px">
+             <img src="https://www.wrappixel.com/wp-content/uploads/edd/2025/02/materialM-react-tailwind-pro.jpg" alt="materialM-react-admin-template" style="max-width:140px;">
+           </a>
+         </td>
+         <td>
+           <a href="https://www.wrappixel.com/templates/materialm-vuejs-vuetify-admin-template/?ref=376" width="150px">
+             <img src="https://www.wrappixel.com/wp-content/uploads/edd/2024/09/MaterialM-Vuejs-Pro.jpg" alt="materialM-vue-admin-template" style="max-width:150px;">
+           </a>
+         </td>
+         <td>
+           <a href="https://www.wrappixel.com/templates/materialm-vuetify-nuxt-js-admin-template/?ref=376" width="150px">
+             <img src="https://www.wrappixel.com/wp-content/uploads/edd/2024/10/MaterialM-Nuxtjs-pro.jpg" alt="materialM-nuxt-admin-template" style="max-width:150px;">
+           </a>
+         </td>
+      </tr>
+   </tbody>
+</table>
+
+---
+
+
+##  🤝  Contributing
+
+We welcome contributions from the community to help improve the **MaterialM Free Tailwind React Admin Template**. Whether it’s fixing bugs, adding new features, improving documentation, or sharing ideas — your input is appreciated!
+
+### 🛠️ How to Contribute
+
+Follow these simple steps to start contributing:
+
+1. **Fork the Repository**  
+   Click the **Fork** button on the top-right corner of this repo to create your own copy.
+
+2. **Clone Your Fork**  
+   Use the command below to clone your forked repository:
+   ```bash
+   git clone https://github.com/wrappixel/materialm-angular-free.git
+3. **Create a New Branch**  
+   Create a new branch to work on your feature or fix. This keeps your changes separate from the main branch:
+   ```bash
+   git checkout -b feature/your-feature-name
+4. **Commit and Push Changes**  
+   After making your changes, commit them with a meaningful message and push your branch to your fork:
+   ```bash
+   git commit -am "Add: Description of changes made"
+   git push origin feature/your-feature-name
+---
+
+## 🧭 Useful Links
+- <p><a href="https://www.wrappixel.com/templates/category/admin-dashboard-templates/?ref=376">Admin Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/bootstrap-templates/?ref=376">Bootstrap Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/angular-templates/?ref=376">Angular Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/react-templates/?ref=376">React Template</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/framer-templates/?ref=376">Framer Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/mui-templates/?ref=376">Material UI Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/vuetify-templates/?ref=376">Vuetify Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/nextjs-templates/?ref=376">NextJs Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/nuxt-templates/?ref=376">Nuxt Templates</a> from Wrappixel</p>
+- <p><a href="https://www.wrappixel.com/templates/category/tailwind-dashboard/?ref=376">Tailwind Templates</a> from Wrappixel</p>
+
+---
+
+## 🌐 We are social
+
+[![](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/wrappixel)  [![twitter](https://img.shields.io/badge/twitter-x?style=for-the-badge&logo=x&logoColor=white&color=%230f1419)](https://twitter.com/wrappixel)  [![facebook](https://img.shields.io/badge/facebook-logo?style=for-the-badge&logo=facebook&logoColor=white&color=%230866ff)](https://www.facebook.com/wrappixel)  [![instagram](https://img.shields.io/badge/instagram-logo?style=for-the-badge&logo=instagram&logoColor=white&color=%23F35369)](https://www.instagram.com/wrappixel)  [![youtube](https://img.shields.io/badge/youtube-logo?style=for-the-badge&logo=youtube&logoColor=white&color=%23cc0000)](https://www.youtube.com/@wrappixel)  [![](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/company/wrappixel)
