{"id":27937220,"url":"https://github.com/wrappixel/materialm-nuxtjs-free","last_synced_at":"2026-04-29T15:39:14.940Z","repository":{"id":289667529,"uuid":"971853558","full_name":"wrappixel/Materialm-nuxtjs-free","owner":"wrappixel","description":"MaterialM Admin Template—powered ⚡by Vuetify, Nuxt.js, Vite, and TypeScript. Unmatched performance and flexibility. Download now from GitHub and supercharge your Nuxt projects Today!","archived":false,"fork":false,"pushed_at":"2025-04-28T11:58:12.000Z","size":629,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-07T07:51:23.510Z","etag":null,"topics":["admin-template","nuxt-admin","nuxt-admin-template","nuxt-starter","nuxt-template","nuxtjs","nuxtjs-admin-template","nuxtjs-starter","nuxtjs-template","nuxtjs-vuetify","vite","vite-admin","vite-template","vite-template-vue","vite-typescript","vitejs-template","vuetify-admin-dashboard","vuetify-material-dashboard","vuetify-template","vuetify-theme"],"latest_commit_sha":null,"homepage":"https://www.wrappixel.com/templates/materialm-free-vuetify-nuxtjs-admin-template/?utm_source=github","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wrappixel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-04-24T06:48:14.000Z","updated_at":"2025-04-30T07:50:43.000Z","dependencies_parsed_at":"2025-04-24T13:33:23.927Z","dependency_job_id":null,"html_url":"https://github.com/wrappixel/Materialm-nuxtjs-free","commit_stats":null,"previous_names":["wrappixel/materialm-nuxtjs-free"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wrappixel%2FMaterialm-nuxtjs-free","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wrappixel%2FMaterialm-nuxtjs-free/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wrappixel%2FMaterialm-nuxtjs-free/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wrappixel%2FMaterialm-nuxtjs-free/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wrappixel","download_url":"https://codeload.github.com/wrappixel/Materialm-nuxtjs-free/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252839282,"owners_count":21812084,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["admin-template","nuxt-admin","nuxt-admin-template","nuxt-starter","nuxt-template","nuxtjs","nuxtjs-admin-template","nuxtjs-starter","nuxtjs-template","nuxtjs-vuetify","vite","vite-admin","vite-template","vite-template-vue","vite-typescript","vitejs-template","vuetify-admin-dashboard","vuetify-material-dashboard","vuetify-template","vuetify-theme"],"created_at":"2025-05-07T07:51:28.288Z","updated_at":"2026-04-29T15:39:14.896Z","avatar_url":"https://github.com/wrappixel.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n   \u003ca href=\"https://www.wrappixel.com/\" target=\"_blank\"\u003e\n      \u003cimg src=\"https://adminmart.github.io/template_api/images/brand-logo/WrapPixel-Logo.svg\" alt=\"sneat-logo\" width=\"100px\" height=\"100px\"\u003e\n   \u003c/a\u003e\n\u003c/div\u003e\n\n\n\u003ch1 align=\"center\"\u003e\n   \u003ca href=\"https://www.wrappixel.com/templates/materialm-free-vuetify-nuxtjs-admin-template/?ref=376\" target=\"_blank\" align=\"center\"\u003e\n      MaterialM Free Vuetify NuxtJs Admin Template\n   \u003c/a\u003e\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003eDownload most useful and comprehensive 🚀 Free NuxtJs admin template built for developers 🛠\u003c/p\u003e\n\n\n[![MaterialM Free Vuetify NuxtJs Admin Template Demo Screenshot](https://www.wrappixel.com/wp-content/uploads/edd/2025/04/MaterialM_Nuxt_Free_version.jpg)](https://www.wrappixel.com/templates/materialm-free-vuetify-nuxtjs-admin-template/?ref=376)\n\n## 👋 Introduction\n\n**MaterialM Free Vuetify NuxtJs Admin Template** is a modern, responsive **Nuxt** dashboard template built with **Vue**, **Vuetify**, **SASS**, and **ApexCharts**. Following Material Design principles, it offers a clean and professional UI to help developers build scalable web applications quickly.\n\nWith **ApexCharts** for dynamic data visualizations and **Tabler Icons** for consistent iconography, MaterialM is perfect for building admin panels, dashboards, and internal tools. Its modular components and **Nuxt SSR** ensure fast load times and enhanced SEO performance.\n\nWhether you’re building an enterprise dashboard or a simple admin interface, MaterialM offers a high-performance foundation that’s flexible and easy to customize for a variety of use cases.\n\n### 🔑 Key Features\n\n- **Responsive Design**  \n  Seamless user experience across desktops, tablets, and mobile devices, thanks to Vuetify’s responsive grid system.\n\n- **Customizable Components**  \n  Built with reusable, extendable components using **Vuetify** and **SASS**, making it easy to tweak styles and layouts to fit your needs.\n\n- **Vuetify Integration**  \n  A rich library of **prebuilt UI components**—such as modals, dropdowns, navbars, and tabs—designed specifically for **Vuetify**, helping developers build faster with consistent and responsive designs.\n\n- **Pre-designed Pages**  \n  Includes essential pages like dashboards, login, user profiles, settings, and error pages, so you can get up and running quickly.\n\n- **Vue-ApexCharts Integration**  \n  Interactive, customizable charts powered by **Vue-ApexCharts** to visualize data effectively and dynamically.\n\n- **Optimized for Performance**  \n  Fast load times, efficient rendering, and a scalable codebase powered by **Nuxt**, ensuring quick development and smooth user experiences.\n\n---\n\n## 🛠️ Notable Libraries and Tools\n\n| **Library / Tool**       | **Description**                                                                 |\n|--------------------------|---------------------------------------------------------------------------------|\n| **Vue.js**               | A progressive JavaScript framework for building fast, reactive user interfaces. |\n| **Vuetify**              | A powerful Vue UI framework based on Material Design, offering a wide range of responsive, customizable components. |\n| **Vue-ApexCharts**       | A Vue wrapper for ApexCharts, allowing seamless integration of interactive charts within Vue.js applications. |\n| **Vue Tabler Icons**     | A collection of simple, customizable SVG icons that integrate smoothly into Vue applications, perfect for modern UIs. |\n| **Nuxt**               | A powerful framework for building SEO-friendly, server-side rendered (SSR) and static web applications with Vue. |\n| **Sass**                 | A CSS preprocessor that adds advanced features like variables, mixins, and nested rules, enabling more maintainable and scalable styles. |\n\n---\n\n## 💾 Installation Guide\n\nWelcome to the **MaterialM Free Vuetify NuxtJs Admin 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.\n\n### 📝 Steps to Install\n\n#### 1. **Clone the Repository**\n\nThe easiest way to get started is by cloning the repository or download the zip file. You can do this with the following command:\n\n```bash\ngit clone https://github.com/wrappixel/Materialm-nuxtjs-free.git\n```\n\n#### 2. **Install Dependencies**\n\nInstall the relative Dependencies of the template. You can do this with the following command:\n\n```bash\nnpm install\n```\n\n#### 3. **Start the Development Server**\n\nOnce the dependencies are installed, you can start a local development server to preview the template: \n\n```bash\nnpm run dev\n```\n\n---\n\n## 📝 Documentation\n\nWelcome to the **MaterialM Free Vuetify NuxtJs Admin 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.\n\n👉 **[Click here to read the full documentation](https://wrappixel.github.io/free-documentation-wp/nuxt/materialm/index.html?ref=376)**\n\n---\n\n## 💎 Pro Version\n\nThe Pro Version of the **MaterialM Vuetify NuxtJs Admin 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.\n\n\u003cdiv style=\"display: flex; gap: 10px; align-items: center;\"\u003e\n  \u003ca href=\"https://materialm-nuxt-main.netlify.app/dashboards/analytics?ref=376\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Try_the_Demo-Click_Here-blue\" alt=\"Try the Demo\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.wrappixel.com/templates/materialm-vuetify-nuxt-js-admin-template/?ref=376\" target=\"_blank\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/Download_Now-Click_Here-green\" alt=\"Download Now\"\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n[![MaterialM Vuetify NuxtJs Admin Template Demo Screenshot](https://www.wrappixel.com/wp-content/uploads/edd/2024/10/MaterialM-Nuxtjs-pro.jpg)](https://www.wrappixel.com/templates/materialm-vuetify-nuxt-js-admin-template/?ref=376)\n\n---\n\n## ⚖️ Free vs Pro Version Comparison\n\nThe **Free Version** of the **MaterialM Vuetify NuxtJs Admin 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. \n\n\n#### Check out the comparison below to see the key differences between the two versions:\n\n| **Feature**                      | **Free Version**                       | **Pro Version**                                      |\n|-----------------------------------|----------------------------------------|-----------------------------------------------------|\n| **Demo**                          | [![Try the Demo](https://img.shields.io/badge/Try_the_Demo-Click_Here-blue)](https://materialm-nuxtjs-free.netlify.app/?ref=376)                               | [![Try the Demo](https://img.shields.io/badge/Try_the_Demo-Click_Here-blue)](https://materialm-nuxt-main.netlify.app/dashboards/analytics?ref=376)                                              |\n| **Download**                      | [![Download Now](https://img.shields.io/badge/Download_Now-Click_Here-green)](https://www.wrappixel.com/templates/materialm-free-vuetify-nuxtjs-admin-template/?ref=376)                                | [![Download Now](https://img.shields.io/badge/Download_Now-Click_Here-green)](https://www.wrappixel.com/templates/materialm-vuetify-nuxt-js-admin-template/?ref=376)                                          |\n| **Responsive Design**             | ✅ Yes                                 | ✅ Yes                                              |\n| **Pre-designed Pages**            | ✅ Basic Pages                         | ✅ Advanced Pages (more layouts \u0026 options)           |\n| **Widgets**                       | ✅ Basic Widgets                       | ✅ Advanced Widgets (e.g., weather, charts, maps)    |\n| **Themes**                        | ✅ Default Theme                | ✅ Multiple Themes, Custom Color Skins, and Dark Modes |\n| **Support**                       | ✅ Community Support                   | ✅ Priority Support with Direct Contact             |\n| **Additional Components**         | ❌ Limited                             | ✅ Additional Components (Forms, Buttons, More UI Elements) |\n| **Advanced Data Visualization**   | ❌ Basic Charts                        | ✅ Advanced Data Visualizations (graphs, complex charts) |\n| **Multi-Language Support**        | ❌ Not available                       | ✅ Built-in support for multiple languages          |\n| **User Permissions \u0026 Roles**      | ❌ No                                  | ✅ User roles and permissions management            |\n| **Real-time Notifications**       | ❌ Not available                       | ✅ Real-time notifications for alerts \u0026 updates      |\n| **Advanced Analytics \u0026 Reporting**| ❌ Basic reports                       | ✅ Advanced analytics with custom reports and filters|\n\n\n---\n\n## 🗂️ Other versions\n\n\u003ctable\u003e\n   \u003cthead\u003e\n      \u003ctr\u003e\n         \u003cth\u003e \n            \u003cspan style=\"font-size: 16px;\"\u003eAll Access Pass\u003c/span\u003e\n         \u003c/th\u003e\n         \u003cth\u003e \n            \u003cimg src=\"https://skillicons.dev/icons?i=bootstrap\" height=\"20\" alt=\"Bootstrap 5 templates\" style=\"margin-right: 8px;\"\u003e\n            \u003cspan style=\"font-size: 16px;\"\u003eBootstrap\u003c/span\u003e\n         \u003c/th\u003e\n         \u003cth\u003e \n            \u003cimg src=\"https://skillicons.dev/icons?i=next\" height=\"20\" alt=\"Next templates\" style=\"margin-right: 8px;\"\u003e\n            \u003cspan style=\"font-size: 16px;\"\u003eNext\u003c/span\u003e\n         \u003c/th\u003e\n      \u003c/tr\u003e\n   \u003c/thead\u003e\n   \u003ctbody\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e\n            \u003ca href=\"https://www.wrappixel.com/all-access-pass/?ref=376\" width=\"150px\"\u003e\n             \u003cimg src=\"https://www.wrappixel.com/wp-content/uploads/2025/04/all-access-pass-category-banner-1.png\" alt=\"all access\" style=\"max-width:140px;\"\u003e\n            \u003c/a\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e\n           \u003ca href=\"https://www.wrappixel.com/templates/materialm-admin-dashboard-template/?ref=376\" width=\"150px\"\u003e\n             \u003cimg src=\"https://www.wrappixel.com/wp-content/uploads/edd/2025/02/MaterialM-Bootstrap_latest.jpg\" alt=\"materialM-bootstrap-admin-template\" style=\"max-width:140px;\"\u003e\n           \u003c/a\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e\n            \u003ca href=\"https://www.wrappixel.com/templates/materialm-next-js-tailwind-dashboard-template/?ref=376\" width=\"150px\"\u003e\n             \u003cimg src=\"https://www.wrappixel.com/wp-content/uploads/edd/2025/02/MaterialM-Nextjs_shad.jpg\" alt=\"materialM-next-admin-template\" style=\"max-width:140px;\"\u003e\n            \u003c/a\u003e\n         \u003c/td\u003e\n      \u003c/tr\u003e\n   \u003c/tbody\u003e\n   \u003cthead\u003e\n      \u003ctr\u003e\n         \u003cth\u003e\n            \u003cimg src=\"https://skillicons.dev/icons?i=react\" height=\"20\" alt=\"react templates\" style=\"margin-right: 8px;\"\u003e\n            \u003cspan\u003eReact\u003c/span\u003e\n         \u003c/th\u003e\n         \u003cth\u003e\n            \u003cimg src=\"https://skillicons.dev/icons?i=angular\" height=\"20\" alt=\"angular templates\" style=\"margin-right: 8px;\"\u003e\n            \u003cspan\u003eAngular\u003c/span\u003e\n         \u003c/th\u003e\n         \u003cth\u003e\n            \u003cimg src=\"https://skillicons.dev/icons?i=vue\" height=\"20\" alt=\"Vue templates\" style=\"margin-right: 8px;\"\u003e\n            \u003cspan\u003eVue\u003c/span\u003e\n         \u003c/th\u003e\n      \u003c/tr\u003e\n   \u003c/thead\u003e\n   \u003ctbody\u003e\n      \u003ctr\u003e\n         \u003ctd\u003e\n           \u003ca href=\"https://www.wrappixel.com/templates/materialm-tailwind-react-admin-template/?ref=376\" width=\"150px\"\u003e\n             \u003cimg src=\"https://www.wrappixel.com/wp-content/uploads/edd/2025/02/materialM-react-tailwind-pro.jpg\" alt=\"materialM-react-admin-template\" style=\"max-width:150px;\"\u003e\n           \u003c/a\u003e\n         \u003c/td\u003e \n         \u003ctd\u003e\n           \u003ca href=\"https://www.wrappixel.com/templates/materialm-material-angular-dashboard-template/?ref=376\" width=\"150px\"\u003e\n             \u003cimg src=\"https://www.wrappixel.com/wp-content/uploads/edd/2024/09/MaterialM-angular-pro-version.jpg\" alt=\"materialM-angular-admin-template\" style=\"max-width:140px;\"\u003e\n           \u003c/a\u003e\n         \u003c/td\u003e\n         \u003ctd\u003e\n           \u003ca href=\"https://www.wrappixel.com/templates/materialm-vuejs-vuetify-admin-template/?ref=376\" width=\"150px\"\u003e\n             \u003cimg src=\"https://www.wrappixel.com/wp-content/uploads/edd/2024/09/MaterialM-Vuejs-Pro.jpg\" alt=\"materialM-vue-admin-template\" style=\"max-width:150px;\"\u003e\n           \u003c/a\u003e\n         \u003c/td\u003e\n      \u003c/tr\u003e\n   \u003c/tbody\u003e\n\u003c/table\u003e\n\n---\n\n##  🤝  Contributing\n\nWe welcome contributions from the community to help improve the **MaterialM Free Vuetify NuxtJs Admin Template**. Whether it’s fixing bugs, adding new features, improving documentation, or sharing ideas — your input is appreciated!\n\n### 🛠️ How to Contribute\n\nFollow these simple steps to start contributing:\n\n1. **Fork the Repository**  \n   Click the **Fork** button on the top-right corner of this repo to create your own copy.\n\n2. **Clone Your Fork**  \n   Use the command below to clone your forked repository:\n   ```bash\n   git clone https://github.com/wrappixel/Materialm-nuxtjs-free.git\n\n3. **Create a New Branch**  \n   Create a new branch to work on your feature or fix. This keeps your changes separate from the main branch:\n   ```bash\n   git checkout -b feature/your-feature-name\n\n4. **Commit and Push Changes**  \n   After making your changes, commit them with a meaningful message and push your branch to your fork:\n   ```bash\n   git commit -am \"Add: Description of changes made\"\n   git push origin feature/your-feature-name\n\n\n---\n\n## 🧭 Useful Links\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/admin-dashboard-templates/?ref=376\"\u003eAdmin Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/bootstrap-templates/?ref=376\"\u003eBootstrap Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/angular-templates/?ref=376\"\u003eAngular Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/react-templates/?ref=376\"\u003eReact Template\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/framer-templates/?ref=376\"\u003eFramer Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/mui-templates/?ref=376\"\u003eMaterial UI Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/vuetify-templates/?ref=376\"\u003eVuetify Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/nextjs-templates/?ref=376\"\u003eNextJs Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/nuxt-templates/?ref=376\"\u003eNuxt Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n- \u003cp\u003e\u003ca href=\"https://www.wrappixel.com/templates/category/tailwind-dashboard/?ref=376\"\u003eTailwind Templates\u003c/a\u003e from Wrappixel\u003c/p\u003e\n\n---\n\n## 🌐 We are social\n\n[![](https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/wrappixel)  [![twitter](https://img.shields.io/badge/twitter-x?style=for-the-badge\u0026logo=x\u0026logoColor=white\u0026color=%230f1419)](https://twitter.com/wrappixel)  [![facebook](https://img.shields.io/badge/facebook-logo?style=for-the-badge\u0026logo=facebook\u0026logoColor=white\u0026color=%230866ff)](https://www.facebook.com/wrappixel)  [![instagram](https://img.shields.io/badge/instagram-logo?style=for-the-badge\u0026logo=instagram\u0026logoColor=white\u0026color=%23F35369)](https://www.instagram.com/wrappixel)  [![youtube](https://img.shields.io/badge/youtube-logo?style=for-the-badge\u0026logo=youtube\u0026logoColor=white\u0026color=%23cc0000)](https://www.youtube.com/@wrappixel)  [![](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/company/wrappixel)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwrappixel%2Fmaterialm-nuxtjs-free","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwrappixel%2Fmaterialm-nuxtjs-free","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwrappixel%2Fmaterialm-nuxtjs-free/lists"}