Built with Nuxt and Vuetify, following Material Design interface style
NuxtVueAdmin dashboard
Modernize-nuxtjs-free — Nuxt Admin dashboard Template
By adminmart
Modernize NuxtJS Free is a free Nuxt admin template published by AdminMart, based on Nuxt, Vuetify, and TypeScript, offering a responsive layout, basic components, and Chart.js charts, suitable for building admin panels and internal tool prototypes.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-08View source
What stands out
A quick read of the recorded project description.
Written in TypeScript with a modular code structure for easy extension and maintenance
Responsive layout, adapting to desktop and mobile screens
Integrates Chart.js, providing interactive and customizable chart components
The free version is under the MIT license, allowing modification, commercial use, and distribution
Template Details
Modernize NuxtJS Free is a developer-oriented admin dashboard template that uses Nuxt as the application framework, paired with Vuetify's Material Design component library and written in TypeScript. It provides a responsive layout that displays a consistent interface on desktop and mobile, and includes built-in charts powered by Chart.js for presenting visual content in data dashboards. The template adopts a modular directory structure, containing basic pages and basic components, making it easy to extend into admin panels, SaaS dashboards, or internal tools.
This template is a free version, with code released under the MIT license, allowing use, modification, commercial use, and distribution, provided that copyright and license notices are retained. The free version is relatively basic in terms of pages, components, themes, and charts; project materials also mention a paid Pro version that offers additional features such as multiple themes, more components, multilingual support, user role permissions, and real-time notifications, which are not included in the free code covered here. Third-party assets used in the demo, such as images, fonts, and icons, require separate license verification, and external services like domains, hosting, and databases may also incur costs.
NuxtVueAdmin
Is it right for your project?
Use Cases
- Building front-end interfaces for admin panels or internal tools
- Creating data dashboard prototypes for SaaS products
- Quickly introducing Vuetify components and chart displays in Nuxt projects
- As a sample project for learning to use Nuxt, Vuetify, and TypeScript together
Suitable For
- Developers who need a free admin template to quickly start a project
- Front-end teams using the Nuxt and Vue technology stack
- Projects that want to build admin interfaces based on the Material Design component library
- Backend development scenarios with requirements for TypeScript code structure
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Get the repository code via git clone or by downloading the zip
- 2
Install dependencies with npm install
- 3
Start the local development server with npm run dev
- 4
The free version does not include Pro features such as multiple themes, multilingual support, user permissions, and real-time notifications
- 5
Third-party assets such as demo images, fonts, and icons require separate license verification according to their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not imply that external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, used commercially, and distributed for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Project materials mention optional paid versions or features; this entry only covers the public free code and does not include paid upgrades.
- Demo images, fonts, icons, and other third-party assets require license verification according to their respective licenses and cannot be judged solely based on the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
- The paid Pro version offers additional features such as multiple themes, advanced UI components, real-time notifications, and priority support; these features are not within the scope of the free version, which only provides basic pages, basic components, and the default theme.
- The free version does not provide multilingual support; multilingual functionality is only available in the paid Pro version.
- The free version does not include user role and permission management; this feature is only provided in the paid Pro version.
- The free version does not provide real-time notifications; real-time notifications are only available in the paid Pro version.
- The free version only offers community support; priority support and direct contact support belong to the paid Pro version.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
The Pro Version of the **Modernize NuxtJs 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.
Original README
| **Multi-Language Support** | ❌ Not available | ✅ Built-in support for multiple languages |
Original README
| **User Permissions & Roles** | ❌ No | ✅ User roles and permissions management |
Original README
| **Real-time Notifications** | ❌ Not available | ✅ Real-time notifications for alerts & updates |
Original README
https://github.com/adminmart/Modernize-nuxtjs-free/blob/main/LICENSE.txthttps://github.com/adminmart/Modernize-nuxtjs-free/blob/main/README.md| **Support** | ✅ Community Support | ✅ Priority Support with Direct Contact |
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-08. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 96 / 100
- Technologies
- Nuxt · Vue
- Website type
- Admin dashboard
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-05-20
- Screenshot last checked
- 2026-10-08
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-08
Inspect the recorded source material
SHA-256: 0b09a99d4ca6c0257f9953e514b2ff8d5dce9b02ae2687d37dfbc1d853fe200e
2026-10-08T12:06:36.651Z
Source file / repository<p align="center">
<a href="https://adminmart.com/" target="_blank">
<img src="https://adminmart.github.io/template_api/images/brand-logo/adminmart-Logo.svg" alt="modernize-image" width="100px" height="100px">
</a>
</p>
<h1 align="center">
<a href="https://adminmart.com/product/modernize-free-nuxtjs-admin-dashboard/?ref=56" target="_blank" align="center">
Modernize Free NuxtJs Admin Dashboard Template
</a>
</h1>
<p>Download most useful and comprehensive 🚀 Free NuxtJs admin template built for developers </p>
[](https://adminmart.com/product/modernize-free-nuxtjs-admin-dashboard/?ref=56)
## 👋 Introduction
**Modernize Free NuxtJs Admin Dashboard Template** is a modern, fully responsive **Nuxt dashboard template** built with **NuxtJs**, **Vuetify** and **Vite**. 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**.
Designed for speed and scalability, **Modernize Free (Nuxt.js Edition)** seamlessly blends the power of Nuxt.js' versatile framework and **Vuetify’s stunning UI components**. This dynamic combination empowers developers to craft professional-grade dashboards with ease and efficiency.
Fully open-source and built with modern web technologies, **Modernize Free Nuxt Js Admin Template** offers 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.
### 🔑 Key Features
- **Responsive Design**
Delivers a seamless experience across all screen sizes with **Vuetify's** responsive layout system and adaptive components.
- **Nuxt.js Framework**
Leveraging the full power of **Nuxt.js**, including built-in routing, state management with Vuex, and strong TypeScript support, to deliver scalable and maintainable applications.
- **Vuetify Components**
Built entirely with **Vuetify**, offering a rich set of pre-styled, accessible UI components that follow the Material Design guidelines—ideal for fast, consistent interface development.
- **Chart.js Integration**
Comes with interactive and customizable charts powered by **Chart.js**, perfect for visualizing analytics and data dashboards (or any other visualization library you prefer).
- **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** |
|------------------------|---------------------------------------------------------------------------------|
| **Nuxt.js** | A powerful framework built on Vue.js, designed for building scalable, server-side rendered (SSR) web applications. |
| **Vuetify** | A Material Design component library for Vue.js, offering pre-built, responsive UI components for rapid interface development. |
| **Chart.js** | A modern charting library for building interactive and customizable charts, perfect for dashboards and data visualizations. |
| **TypeScript** | A strongly typed programming language that builds on JavaScript, offering better tooling, code quality, and maintainability. |
---
## 💾 Installation Guide
Welcome to the **Modernize Free NuxtJs 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/adminmart/Modernize-nuxtjs-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
npm run dev
```
---
## 📝 Documentation
Welcome to the **Modernize Free NuxtJs 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://adminmart.github.io/free-documentation/nuxt/modernize/index.html?ref=56)**
---
## 💎 Pro Version
The Pro Version of the **Modernize NuxtJs 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://modernize-nuxt.adminmart.com/dashboards/modern?ref=56" target="_blank">
<img src="https://img.shields.io/badge/Try_the_Demo-Click_Here-blue" alt="Try the Demo">
</a>
<a href="https://adminmart.com/product/modernize-nuxt-js-admin-dashboard/?ref=56" target="_blank">
<img src="https://img.shields.io/badge/Download_Now-Click_Here-green" alt="Download Now">
</a>
</div>
[](https://adminmart.com/product/modernize-nuxt-js-admin-dashboard/?ref=56)
---
## ⚖️ Free vs Pro Version Comparison
The **Free Version** of the **Modernize NuxtJs 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** | [](https://modernize-nuxtjs-free.netlify.app/?ref=56) | [](https://modernize-nuxt.adminmart.com/dashboards/modern?ref=56) |
| **Download** | [](https://adminmart.com/product/modernize-free-nuxtjs-admin-dashboard/?ref=56) | [](https://adminmart.com/product/modernize-nuxt-js-admin-dashboard/#product-demo-section?ref=56) |
| **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>
<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>
<th>
<img src="https://skillicons.dev/icons?i=angular" height="20" alt="angular templates" style="margin-right: 8px;">
<span>Angular</span>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="https://adminmart.com/product/modernize-bootstrap-5-admin-template/?ref=56" width="150px">
<img src="https://images.adminmart.com/templates/pro/modernize/modernize-bootstrap-5-admin-template-min.webp" alt="modernize-bootstrap-admin-template" >
</a>
</td>
<td>
<a href="https://adminmart.com/product/modernize-next-js-admin-dashboard/?ref=56" width="150px">
<img src="https://images.adminmart.com/templates/pro/modernize/Modernize-Nextjs_withour_redux.webp" alt="modernize-next-admin-template" >
</a>
</td>
<td>
<a href="https://adminmart.com/product/modernize-angular-material-dashboard/?ref=56" width="150px">
<img src="https://images.adminmart.com/templates/pro/modernize/modernize-angular-material-admin-dashboard-template.webp" alt="modernize-angular-admin-template" >
</a>
</td>
</tr>
</tbody>
<thead>
<tr>
<th>
<img src="https://skillicons.dev/icons?i=react" height="20" alt="react 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>
</tr>
</thead>
<tbody>
<tr>
<td>
<a href="https://adminmart.com/product/modernize-react-mui-dashboard-theme/?ref=56" width="150px">
<img src="https://images.adminmart.com/templates/pro/modernize/Modernize-React-MUI-19_new.webp" alt="modernize-react-admin-template" >
</a>
</td>
<td>
<a href="https://adminmart.com/product/modernize-vuetify-vue-admin-dashboard/?ref=56" width="150px">
<img src="https://images.adminmart.com/templates/pro/modernize/modernize-vuetify-admin-dashboard-min.webp" alt="modernize-vue-admin-template" >
</a>
</td>
</tr>
</tbody>
</table>
---
## 🤝 Contributing
We welcome contributions from the community to help improve the **Modernize NuxtJs Dashboard 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/adminmart/Modernize-nuxtjs-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://adminmart.com/templates/bootstrap/?ref=56">Bootstrap Templates & Themes</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/react/?ref=56">React Templates</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/nextjs/?ref=56">NextJs Templates</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/vuejs/?ref=56">Vue Templates</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/tailwind-templates/?ref=56">Tailwind Templates</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/angular/?ref=56">Angular Templates</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/material-ui/?ref=56">Material UI Templates</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/vuetify/?ref=56">Vuetify Themes</a> from AdminMart</p>
- <p><a href="https://adminmart.com/templates/nuxtjs/?ref=56">Nuxt Js Templates</a> from AdminMart</p>
---
## 🌐 We are social
[](https://github.com/adminmart) [](https://www.facebook.com/official.adminmart) [](https://www.instagram.com/adminmart.official/) [](https://www.youtube.com/@adminmart-official) [](https://www.linkedin.com/in/admin-mart-5ba892249/)
[](https://opensource.org/licenses/MIT)
Explore similar templates
Compare previews and descriptions within the same stack and category.
dashboard
A dashboard template built on Nuxt and Nuxt UI, offering multiple pages, a collapsible sidebar, keyboard shortcuts, light and dark modes, and a command palette.
Nuxt · Admin dashboard
nuxt-shadcn-dashboard
A backend dashboard template built with Nuxt, Shadcn Vue, and TailwindCSS. It offers configurable sidebar collapse modes (offcanvas, icon, none), positions, and styles (sidebar, floating, inset), along with nine theme colors and three theme types.
Nuxt · Admin dashboard
dashboard-vue
A Vue admin dashboard template built with Nuxt UI, offering multiple pages, a collapsible sidebar, keyboard shortcuts, light and dark modes, and a command palette. Suitable for admin backends, data dashboards, or as a reference for learning Nuxt UI layouts.
Nuxt · Admin dashboard
vitify-nuxt
Vitify Nuxt is an admin dashboard starter template built on Nuxt and Vuetify, featuring a drawer layout, automatic navigation and breadcrumbs, notification state, ECharts charts, theming and dark mode, and authentication via nuxt-auth-utils.
Nuxt · Admin dashboard
shadcn-nuxt-starter
A Nuxt 3 starter template using Shadcn-vue, UnoCSS, and TypeScript, with Vite as the build tool. It supports three rendering modes from one codebase: SSR for SaaS, SSG for documentation, and CSR for admin dashboards.
Nuxt · Admin dashboard
materio-vuetify-nuxtjs-admin-template-free
A free, MIT-licensed admin template built on Nuxt 3, Vue 3, and Vuetify 3, offering dashboards, account settings, login/registration, forms, and tables for front-end developers and teams.
Nuxt · Admin dashboard