Built on Nuxt 3, Vue 3, and Vuetify 3, offering both TypeScript and JavaScript versions
NuxtVueAdmin dashboard
materio-vuetify-nuxtjs-admin-template-free — Nuxt Admin dashboard Template
By themeselection
A free admin template built on Nuxt 3, Vue 3, and Vuetify 3, under the MIT license, offering essential pages such as dashboards, account settings, login/registration, forms, and tables.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided preview
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-09-30View source
What stands out
A quick read of the recorded project description.
Uses file-based routing, component and API auto-imports, a layout system, and <script setup> syntax
Includes a dashboard, account settings, login/registration/error pages, typography, cards, multiple form layouts, and basic tables
Supports multiple icon sets via Iconify using class names, and is marked as I18n ready
MIT license, allowing free use, modification, commercial use, and distribution of this version's code, provided copyright and license notices are retained
Template Details
Materio Vuetify NuxtJS Admin Template Free is a free admin template released by ThemeSelection, built on Nuxt 3, Vue 3, and Vuetify 3, under the MIT license. The repository provides both TypeScript and JavaScript versions, uses file-based routing, component and API auto-imports, a layout system, supports icon sets via Iconify, and is marked as I18n ready.
The template includes: a dashboard, account settings page, login/registration/error pages, typography examples, Material Design icons, cards, multiple form layouts (horizontal, horizontal with icons, vertical, vertical with icons, multi-column), and basic tables. The repository also lists additional content included in the paid version, such as multiple menu and skin variants, more dashboards, API-ready applications, JWT authentication flows, access control, advanced tables and charts, Starter-kit, etc., none of which are part of the free code covered here.
Usage limitations: This entry covers the free version in the public repository and does not include paid upgrade content; third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses; external services like domains, hosting, databases, payments, or AI may incur additional charges. The free product receives community support via GitHub issues, and installation steps should refer to the official documentation.
NuxtVueAdmin
Is it right for your project?
Use Cases
- Building admin interfaces that require a dashboard, account settings, and login/registration pages
- Integrating the Vuetify component library into a Nuxt project and reusing ready-made form and table layouts
- Serving as a front-end starting point for internal management systems or data interfaces, replacing sample page content as needed
Suitable For
- Front-end developers using the Nuxt and Vue stack
- Personal or commercial projects needing a free, MIT-licensed admin template
- Front-end teams looking to start quickly with ready-made page structures and extend functionality themselves
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
For installation steps, refer to the official documentation (Materio documentation installation guide on demos.themeselection.com)
- 2
The repository provides both TypeScript and JavaScript versions; choose based on project needs
- 3
The free version receives community support via GitHub issues; the paid version offers priority support
- 4
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses
- 5
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice
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 is limited to this version's code and does not imply that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- 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
- The MIT license itself does not require attribution, but the project additionally requires: when using the free version, a credit link to ThemeSelection (<a href="https://themeselection.com/">ThemeSelection</a>) must be retained in the website or project footer.
- The free version only receives community support via GitHub issues and does not offer official priority/exclusive support; exclusive support is part of the paid Premium version.
- Submitting contributions to the repository is deemed to grant ThemeSelection a non-exclusive license to use the contribution in any scenario at its own discretion.
- When contributing code, if third-party content is used, it must be ensured that it is under a suitable open-source license; otherwise, it must not be submitted.
- 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 must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
We just need an attribution from your end. Copy the below link and paste it at the footer of your web application or project.
Original README
For free products, enjoy community support via GitHub issues. Upgrade to Premium for dedicated support from our expert team.
Original README
When you contribute, you agree to give a non-exclusive license to ThemeSelection to use that contribution in any context as we (ThemeSelection) see appropriate.
Original README
https://github.com/themeselection/materio-vuetify-nuxtjs-admin-template-free/blob/main/LICENSEhttps://github.com/themeselection/materio-vuetify-nuxtjs-admin-template-free/blob/main/README.mdIf you use content provided by another party, it must be appropriately licensed using an open source license.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-01. 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 · 92 / 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-02-04
- Screenshot last checked
- 2026-10-01
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.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: c9a11f571bdf9fb053404c03843c1c1af56163a036f08d5096724a0909c2dd72
2026-10-01T13:48:37.394Z
Source file / repository<p align="center"></p>
<p align="center">
<a href="https://themeselection.com/item/materio-free-vuetify-nuxtjs-admin-template/" target="_blank">
<img src="https://cdn.themeselection.com/ts-assets/materio/logo/logo.png" alt="materio-logo" width="60px" height="auto">
</a>
</p>
<h1 align="center">
<a href="https://themeselection.com/item/materio-free-vuetify-nuxtjs-admin-template/" target="_blank" align="center">
Materio – Vuetify NuxtJS Admin Template Free
</a>
</h1>
<p align="center">Production Ready, Carefully Crafted, Extensive Vuetifty Admin Template</p>
<p align="center">
<a href="https://github.com/themeselection/materio-vuetify-nuxtjs-admin-template-free/blob/main/LICENSE">
<img src="https://img.shields.io/github/license/themeselection/materio-vuetify-nuxtjs-admin-template-free" alt="license">
</a>
<img alt="GitHub Workflow Status" src="https://img.shields.io/github/actions/workflow/status/themeselection/materio-vuetify-nuxtjs-admin-template-free/deploy-demo.yml">
<a href="https://github.com/themeselection/materio-vuetify-nuxtjs-admin-template-free/releases">
<img src="https://img.shields.io/github/release/themeselection/materio-vuetify-nuxtjs-admin-template-free.svg" alt="GitHub release">
</a>
<a href="https://twitter.com/Theme_Selection" target="_blank">
<img alt="Twitter Follow" src="https://img.shields.io/twitter/follow/Theme_Selection">
</a>
</p>
<kbd>[](https://themeselection.com/item/materio-free-vuetify-nuxtjs-admin-template/)</kbd>
## Introduction 🚀
If you're a developer looking for an admin dashboard that is developer-friendly, rich with features, and highly customizable look no further than Materio. We've followed the highest industry standards to bring you the very best [Nuxt Admin Template](https://themeselection.com/item/materio-free-vuetify-nuxtjs-admin-template/) that is not only fast and easy to use but highly scalable. Offering ultimate convenience and flexibility, you'll be able to build whatever application you want with very little hassle.
- ⚡️ [Nuxt 3](https://github.com/nuxt/nuxt), [Vue 3](https://github.com/vuejs/core) & [Vuetify 3](https://vuetifyjs.com/en/) - Uses the latest Vuetify 3
- 🗂 [File based routing](https://nuxt.com/docs/getting-started/routing)
- 📦 [Components auto importing](https://nuxt.com/docs/guide/directory-structure/components)
- 📑 [Layout system](https://nuxt.com/docs/guide/directory-structure/layouts)
- 😃 Use icons from any icon sets with classes by [Iconify](https://iconify.design/)
- 🌍 I18n ready
- 🔥 Use the [`<script setup>`](https://vuejs.org/api/sfc-script-setup.html) syntax
- 📥 [APIs auto importing](https://nuxt.com/docs/examples/features/auto-imports) - use Composition API and others directly
- 🦾 TypeScript & JavaScript versions
[View Demo](https://demos.themeselection.com/materio-vuetify-nuxtjs-admin-template-free/demo/)
## Installation ⚒️
Please [visit](https://demos.themeselection.com/materio-vuetify-vuejs-admin-template/documentation/guide/installation.html) our docs for the installation guide.
## What's Included 📦
- Dashboard
- Account Settings
- Pages
- Login
- Register
- Error
- Typography
- Material Design Icons
- Cards
- Form layouts
- Horizontal Form
- Horizontal Form with Icons
- Vertical Form
- Vertical Form with Icons
- Multiple Column
- Tables
## What's in Premium Version 💎
| Materio Free Version | Materio Premium Version |
| ----------------------------------------------- | :------------------------------------------------ |
| [Demo](https://demos.themeselection.com/materio-vuetify-nuxtjs-admin-template-free/demo/) | [Demo](https://themeselection.com/item/materio-vuetify-nuxtjs-admin-template/) |
| [Download](https://themeselection.com/item/materio-free-vuetify-nuxtjs-admin-template/) | [Purchase](https://themeselection.com/item/materio-vuetify-nuxtjs-admin-template/) |
| Single vertical menu | Vertical (+ vertical collapsed) & Horizontal menu |
| Simple Light/Dark theme | 3 Skin variants w/ light/dark theme support: Default, Bordered & Semi-dark |
| 1 Simple Dashboard | 3 Niche Dashboards |
| - | 5 API ready applications |
| Simple From Elements | Advance form elements, validation & form wizard |
| Basic Cards | Basic Cards + Advanced Cards + Statistics Cards |
| - | API ready JWT Authentication flow |
| - | Access Control (even on CRUD operations) |
| - | Quick Search - Quickly navigate between pages (w/ hotkey support) |
| Basic Pages | Authentication Pages in 2 variants + Ready-to-use pages like Pricing, FAQ, Knowledge base, etc |
| - | 3D Characters + Illustrations |
| Basic tables | Advanced tables |
| Manual customization | Quick customization using theme config file |
| - | Advanced Charts |
| 1 Chart Library | 2 Chart Libraries |
| - | Multiple Navbar & Menu Options |
| - | Starter-kit |
| - | Internationalization support in components |
| Regular Support | Priority Support |
## Documentation 📜
<!-- If you have docs in wiki then use below line -->
Check GitHub [Wiki](https://github.com/themeselection/materio-vuetify-nuxtjs-admin-template-free/wiki) of this repo
<!-- If you have live docs then use below line -->
Check out our live [Documentation](https://demos.themeselection.com/materio-vuetify-vuejs-admin-template/documentation)
## Browser Support 🖥️
*_It also supports other browser which implemented latest CSS standards_
## Contributing 🦸
Contribution are always welcome and recommended! Here is how:
* Fork the repository ([here is the guide](https://docs.github.com/en/get-started/quickstart/fork-a-repo)).
* Clone to your machine `git clone https://github.com/YOUR_USERNAME/REPO_NAME` Make your changes
* Create a pull request
### Contribution Requirements 🧰
* When you contribute, you agree to give a non-exclusive license to ThemeSelection to use that contribution in any context as we (ThemeSelection) see appropriate.
* If you use content provided by another party, it must be appropriately licensed using an open source license.
* Contributions are only accepted through Github pull requests.
* Finally, contributed code must work in all supported browsers (see above for browser support).
## Changelog 📆
Please refer to the [CHANGELOG](CHANGELOG.md) file. We will add a detailed release notes to each new release.
## Support 🧑🏻💻
For free products, enjoy community support via GitHub issues. Upgrade to Premium for dedicated support from our expert team.
## License ©
- Copyright © [ThemeSelection](https://themeselection.com/)
- Licensed under [MIT](LICENSE)
- All our free items are Open Source and licensed under MIT. You can use our free items for personal as well as commercial purposes. We just need an attribution from your end. Copy the below link and paste it at the footer of your web application or project.
```html
<a href="https://themeselection.com/">ThemeSelection</a>
```
## Also Available In
<p>
<!-- Figma -->
<a href="https://themeselection.com/item/materio-figma-admin-dashboard-ui-kit/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/0318a6c8-4f9b-4cf6-af5e-d357f909ea2b"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/47f21dfe-c1fc-4a7d-859e-4d98f8cdded1"><img width="auto" height="74px" alt="html" src="https://github.com/microsoft/vscode/assets/47495003/47f21dfe-c1fc-4a7d-859e-4d98f8cdded1"></picture></img></a>
<!-- HTML -->
<a href="https://themeselection.com/item/materio-bootstrap-html-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/5fe77c46-2e4c-475a-8dec-e30e2badddee"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/3f5decd8-cd99-4ed3-aa76-528ca061385b"><img width="auto" height="74px" alt="html" src="https://github.com/microsoft/vscode/assets/47495003/3f5decd8-cd99-4ed3-aa76-528ca061385b"></picture></img></a>
<!-- HTML + Laravel -->
<a href="https://themeselection.com/item/materio-bootstrap-laravel-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/efe420e4-9863-41b7-9eda-47ea94f21a62"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/be3b86e0-4d5e-4736-bf89-4267fb4d6710"><img width="auto" height="74px" alt="html_laravel" src="https://github.com/microsoft/vscode/assets/47495003/be3b86e0-4d5e-4736-bf89-4267fb4d6710"></picture></img></a>
<!-- HTML + Django -->
<a href="https://themeselection.com/item/materio-bootstrap-django-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/3c87d33b-1223-4aaa-a652-388dcb714c98"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/51db1947-eac1-466f-87fd-5a209010fe9c"><img width="auto" height="74px" alt="html_django" src="https://github.com/microsoft/vscode/assets/47495003/51db1947-eac1-466f-87fd-5a209010fe9c"></picture></img></a>
<!-- .Net Core -->
<a href="https://themeselection.com/item/materio-aspnet-core-mvc-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/6327fd7b-9c54-4189-a852-28551ad0e002"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/9856e9d5-021f-4573-902a-702e80dd0102"><img width="auto" height="74px" alt="net_core" src="https://github.com/microsoft/vscode/assets/47495003/9856e9d5-021f-4573-902a-702e80dd0102"></picture></img></a>
<!-- NextJS -->
<a href="https://themeselection.com/item/materio-mui-react-nextjs-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/66344629-6d21-4f92-9078-f479b39cb34e"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/e1daf4e1-3fa5-4a44-969a-6143ddd67310"><img width="auto" height="74px" alt="next.js" src="https://github.com/microsoft/vscode/assets/47495003/e1daf4e1-3fa5-4a44-969a-6143ddd67310"></picture></img></a>
<!-- Vue -->
<a href="https://themeselection.com/item/materio-vuetify-vuejs-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/881bbbb8-d1c9-421c-9bce-4ea43dfa9e6e"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/b02d6473-0345-42c2-be58-e648806104fa"><img width="auto" height="74px" alt="vue" src="https://github.com/microsoft/vscode/assets/47495003/b02d6473-0345-42c2-be58-e648806104fa"></picture></img></a>
<!-- Vue + Laravel -->
<a href="https://themeselection.com/item/materio-vuetify-vuejs-laravel-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/20b6428e-3fa5-4f80-a389-9e4cd732c2de"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/3008d3eb-7b5b-4d9c-8563-837744a901da"><img width="auto" height="74px" alt="vue_laravel" src="https://github.com/microsoft/vscode/assets/47495003/3008d3eb-7b5b-4d9c-8563-837744a901da"></picture></img></a>
<!-- Nuxt -->
<a href="https://themeselection.com/item/materio-vuetify-nuxtjs-admin-template/" target="_blank"><picture><source width="auto" height="74px" media="(prefers-color-scheme: dark)" srcset="https://github.com/microsoft/vscode/assets/47495003/d9d3cf2e-4dc5-49fe-b146-b80ef010cb57"><source width="auto" height="74px" media="(prefers-color-scheme: light)" srcset="https://github.com/microsoft/vscode/assets/47495003/f18ba562-6bba-4a55-83ac-962ecefa636f"><img width="auto" height="74px" alt="nuxt" src="https://github.com/microsoft/vscode/assets/47495003/f18ba562-6bba-4a55-83ac-962ecefa636f"></picture></img></a>
</p>
<!-- Add other pro variants here. You can get the logo URL from here: https://icones.js.org/collection/logos -->
## Looking For Premium Admin Templates ?? 👀
**[ThemeSelection](https://themeselection.com/)** provides Selected high quality, modern design, professional and easy-to-use **Fully Coded Dashboard Templates & UI Kits** to create your applications faster!
- [Bootstrap Admin Templates](https://themeselection.com/item/category/bootstrap-admin-template/)
- [VueJS Admin Templates](https://themeselection.com/item/category/vuejs-admin-templates/)
- [Laravel Admin Templates](https://themeselection.com/item/category/laravel-admin-templates/)
- [Django Admin Templates](https://themeselection.com/item/category/django-admin-template/)
- [React (NextJS) Admin Templates](https://themeselection.com/item/category/next-js-admin-template/)
- [ASP.Net Core Admin Templates](https://themeselection.com/item/category/asp-net-dashboard/)
- [Free UI Kits](https://themeselection.com/item/category/free-ui-kits/)
If you want to [Download Free Admin Templates](https://themeselection.com/item/category/free-admin-templates/) like Materio then do visit [ThemeSelection](https://themeselection.com/).
## Useful Links 🎁
* [Vue CheatSheet](https://vue-cheatsheet.themeselection.com/)
* [Freebies](https://themeselection.com/item/category/free-admin-templates/)
* [Download Free Admin Templates](https://themeselection.com/item/category/free-admin-templates/)
* [Bootstrap 5 CheatSheet](https://bootstrap-cheatsheet.themeselection.com/)
## Social Media :earth_africa:
- [Twitter](https://twitter.com/Theme_Selection)
- [Facebook](https://www.facebook.com/ThemeSelections/)
- [Pinterest](https://pinterest.com/themeselect/)
- [Instagram](https://www.instagram.com/themeselection/)
- [Discord](https://discord.gg/kBHkY7DekX)
- [YouTube](https://www.youtube.com/channel/UCuryo5s0CW4aP83itLjIdZg)
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
Modernize-nuxtjs-free
Modernize NuxtJS Free is a free, developer-oriented admin dashboard template from AdminMart, built with Nuxt, Vuetify, and TypeScript. It offers a responsive layout, basic pages and components, and Chart.js charts, making it suitable for admin panels, SaaS dashboard prototypes, and internal tools.
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