NuxtVueStarter

nuxt-starter — Nuxt Starter Template

By matijaoe

A Nuxt 3 starter template preconfigured with UnoCSS, VueUse, Pinia, TypeScript, and several Nuxt modules, under the MIT license.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
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-02View source

What stands out

A quick read of the recorded project description.

01

Preconfigured UnoCSS with presetUno, presetAttributify, presetTypography, presetWebFonts, and directive and variant group transformers enabled

02

Integrates VueUse, Pinia, and TypeScript

03

Includes four Nuxt modules: @nuxt/devtools, nuxt-icon, @nuxt/image, and @nuxtjs/color-mode

04

Uses ESLint and PostCSS Nesting, with pnpm specified as the package manager

05

Offers three usage methods: StackBlitz, GitHub template generation, and local giget cloning

06

README includes a getting-started checklist listing example files and directories to clean up

Template Details

This is a Nuxt 3 starter template, described in its repository as a "minimal Nuxt 3 starter template preconfigured with essential modules." It wires up a common toolchain in advance, reducing the work of configuring a new project from scratch.

The preconfigured items include: UnoCSS (with presetUno, presetAttributify, presetTypography, presetWebFonts, plus transformerDirectives and transformerVariantGroup), VueUse, Pinia, TypeScript, PostCSS Nesting, ESLint, and pnpm. The Nuxt modules include @nuxt/devtools, nuxt-icon, @nuxt/image, and @nuxtjs/color-mode.

There are three ways to use it: open it online via StackBlitz, generate a new repository from the GitHub template, or clone locally with npx giget gh:matijaoe/nuxt-starter <name> (without git history). The README provides a getting-started checklist that suggests installing recommended extensions, changing the author name in LICENSE, deleting the gradients directory under public, removing the Welcome.vue component and the icon components in components/global, removing modules from nuxt.config.ts and package.json as needed, and customizing the README.

Limitations: the template is only a configuration starting point; it does not include business pages or backend capabilities. The demo site is deployed on Vercel. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution, but third-party assets such as demo images, fonts, and icons require separate license checks, and external services such as domains, hosting, and databases may incur additional charges.

NuxtVueStarter

Is it right for your project?

Use Cases

  • Quickly start a Nuxt 3 project without repeatedly configuring basics like styling, state management, and icons
  • Try or modify the template online in StackBlitz without a local environment
  • Generate a new repository from the GitHub template as an initial skeleton for a team project
  • Refer to its UnoCSS and Nuxt module combination to build your own configuration

Suitable For

  • Developers using Nuxt 3 who want UnoCSS, Pinia, and VueUse preinstalled
  • Frontend projects that prefer TypeScript, ESLint, and the pnpm toolchain
  • Those who need a trimmable Nuxt project starting point rather than a complete business application

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Install dependencies with pnpm i, develop with pnpm dev, build with pnpm build, and preview the production build locally with pnpm preview

  2. 2

    Clone locally without git history via npx giget gh:matijaoe/nuxt-starter <name>

  3. 3

    Clean up example content per the README checklist: delete public/gradients, Welcome.vue, and the icon components in components/global

  4. 4

    Remove unneeded modules from nuxt.config.ts and package.json as appropriate

  5. 5

    Change the author name in LICENSE and customize the README

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; 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

  • 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

  • When using the template, replace the author name in LICENSE with your own to comply with the MIT license attribution requirement.
  • The template includes example assets in public/gradients; delete them before use to avoid directly reusing example resources.
  • Welcome.vue is a demo component and should be deleted before use in a production project.
  • The icon components under components/global are example content and should be deleted as needed.
  • The preconfigured modules should be removed as needed; unused modules add dependency and build overhead.
  • The README is template documentation and should be replaced with your own project description when used.
  • Demo images, fonts, icons, and other third-party assets require checking their respective licenses; they 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

Change the author name in `LICENSE`

Original README

Delete `gradients` directory in `public`

Original README

Delete `Welcome.vue` component

Original README

Delete icon components in `components/global`

Original README

Remove any not needed modules from `nuxt.config.ts` and `package.json`

Original README

Customize `README.md`

Original README
https://github.com/matijaoe/nuxt-starter/blob/main/LICENSEhttps://github.com/matijaoe/nuxt-starter/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. 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 · 77 / 100
Technologies
Nuxt · Vue
Website type
Starter
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
2024-06-07
Screenshot last checked
2026-10-02

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: 67533cbcb6ca7df12278a421477b529bfe8976fa9c13b42f9a2fbd5d08e81689

2026-10-02T21:21:14.023Z

Source file / repository
# 🧚🏻 Nuxt 3 starter template

> Minimal Nuxt 3 starter template pre-configured with essential modules

<a href="https://the-nuxt-starter.vercel.app">
  <img width="1512" alt="Screenshot" src="https://github.com/matijaoe/nuxt-starter/assets/46557266/39a34562-1cdf-474b-a00a-1c69205d9cda">
</a>


## Included
- [UnoCSS](https://github.com/unocss/unocss)
  - [`presetUno`](https://github.com/unocss/unocss/tree/main/packages/preset-uno)
  - [`presetAttributify`](https://github.com/unocss/unocss/tree/main/packages/preset-attributify)
  - [`presetTypography`](https://github.com/unocss/unocss/tree/main/packages/preset-typography)
  - [`presetWebFonts`](https://github.com/unocss/unocss/tree/main/packages/preset-web-fonts)
  - [`transformerDirectives`](https://github.com/unocss/unocss/tree/main/packages/transformer-directives)
  - [`transformerVariantGroup`](https://github.com/unocss/unocss/tree/main/packages/transformer-variant-group)
- [VueUse](https://vueuse.org/)
- [Pinia](https://pinia.vuejs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [PostCSS Nesting](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-nesting)
- [ESLint](https://github.com/matijaoe/eslint-config)
- [pnpm](https://pnpm.io/)

### Modules
- [`@nuxt/devtools`](https://nuxt.com/modules/devtools)
- [`nuxt-icon`](https://github.com/nuxt-modules/icon)
- [`@nuxt/image`](https://image.nuxt.com/)
- [`@nuxtjs/color-mode`](https://color-mode.nuxtjs.org/)

## Use the template

### StackBlitz

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/matijaoe/nuxt-starter)
[![Open in Codeflow](https://developer.stackblitz.com/img/open_in_codeflow.svg)](https://pr.new/matijaoe/nuxt-starter)

### GitHub Template
[Create a repo from this template on GitHub](https://github.com/matijaoe/nuxt-starter/generate)

### Local
Clone the template locally, with no git history (using [`unjs/giget`](https://github.com/unjs/giget))

```bash
npx giget gh:matijaoe/nuxt-starter <name>
```

## Checklist

- [ ] Install the recommended extensions
- [ ] Change the author name in `LICENSE`
- [ ] Delete `gradients` directory in `public`
- [ ] Delete `Welcome.vue` component
- [ ] Delete icon components in `components/global`
- [ ] Remove any not needed modules from `nuxt.config.ts` and `package.json`
- [ ] Customize `README.md`

## Setup

```bash
# install dependencies
pnpm i

# update dependencies
pnpm up --interactive --latest

# start development server
pnpm dev

# build for production
pnpm build

# locally preview production build
pnpm preview
```

## Related

- 👽 [`vue-starter`](https://github.com/matijaoe/vue-starter)
- 🔮 [`vue-anu-starter`](https://github.com/matijaoe/vue-anu-starter)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

laravel-nuxt

laravel-nuxt

A Laravel + Nuxt decoupled starter kit with built-in login, registration, email verification, password reset, and Socialite third-party login (GitHub example), switchable between SPA and SSR.

Nuxt · Starter

canvas

canvas

Canvas is a Nuxt-based portfolio template that uses Nuxt Content for content management and Nuxt UI with Tailwind CSS for pages.

Nuxt · Portfolio

nuxt3-starter

nuxt3-starter

A Nuxt 3 starter template generated by nuxi, preconfigured with UnoCSS, unplugin-icons, Pinia, and VueUse. It suits developers who need a quick Nuxt 3 project skeleton with atomic CSS and auto-import workflows, and is available under the MIT license.

Nuxt · Starter

starter

starter

The official Nuxt starter template for Nuxt UI, based on Nuxt and Vue. It provides a runnable project skeleton, an online demo, and Nuxt UI installation documentation, with README commands for creating, installing, developing, building, and previewing.

Nuxt · Starter

bloggrify

bloggrify

Bloggrify is a Nuxt layer that turns Markdown files into a blog site, built on Nuxt Content with preconfigured analytics, newsletter, comments, SEO, RSS, and content components.

Nuxt · Blog

vitify-nuxt

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