NuxtVueViteStarter

nuxt3-starter — Nuxt Starter Template

By xiaoluoboding

A Nuxt 3 starter template generated by nuxi, integrating UnoCSS, unplugin-icons, Pinia, and VueUse, 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-09-30View source

What stands out

A quick read of the recorded project description.

01

A Nuxt 3 project skeleton generated by nuxi

02

Integrates @unocss/nuxt, an on-demand atomic CSS engine

03

Integrates unplugin-icons, allowing use of any icon set

04

Integrates @pinia/nuxt and @vueuse/nuxt3, supporting state management and auto-import

05

Supports creating a project via GitHub template or the nuxi init command

06

Under the MIT license, the code can be used, modified, commercialized, and distributed for free

Template Details

This is a Nuxt 3 starter template. The repository describes it as "A Better Nuxt 3 Starter Template". It is generated by nuxi and authored by xiaoluoboding. It targets developers who need to quickly set up a Nuxt 3 project skeleton, and it preconfigures several common integrations on top of the default Nuxt 3 structure.

The template's integrated modules include: @unocss/nuxt (an on-demand atomic CSS engine), unplugin-icons (icons from any icon set), @pinia/nuxt (using Pinia state management in Nuxt 3), and @vueuse/nuxt3 (the Nuxt integration for VueUse, providing auto-import capabilities). These integrations are all from the README's Features list.

There are two ways to use it: create a new repository on GitHub using this repository as a template, or run npx nuxi init -t nuxtbase/nuxt3-starter my-nuxt3-app locally to generate the project. The development server runs at http://localhost:3088 by default, the build command is yarn build, and deployment methods are described in the official Nuxt deployment documentation.

Limitations: the repository does not provide a component list, directory structure explanation, or feature descriptions beyond the modules above, so the template's specific pages and configuration details should be based on the actual repository code. The code is under the MIT license, allowing free use, modification, commercial use, and distribution, but third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses; external services such as domains, hosting, and databases may incur additional charges.

NuxtVueViteStarter

Is it right for your project?

Use Cases

  • When you need to quickly create a Nuxt 3 project foundation
  • When you want to use UnoCSS and icon sets directly in Nuxt 3
  • When you need to develop with Pinia and VueUse in Nuxt 3
  • When you want to reference a Nuxt 3 repository structure with common modules already configured

Suitable For

  • Developers familiar with Vue and Nuxt
  • Personal or team projects that need a Nuxt 3 starter template
  • Projects that prefer atomic CSS and auto-import workflows
  • Developers who want to use and modify the code under the MIT license

Getting started & customization

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

  1. 1

    Create a project with npx nuxi init -t nuxtbase/nuxt3-starter my-nuxt3-app, or generate a new repository on GitHub using this repository as a template

  2. 2

    Install dependencies: yarn install

  3. 3

    Start the development server: yarn dev, with the default address at http://localhost:3088

  4. 4

    Production build: yarn build; deployment methods are described in the official Nuxt deployment documentation

  5. 5

    Third-party assets must be checked under their respective licenses, and external services may incur additional charges

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in a public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • The code of this version may be used, modified, commercialized, 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

  • 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
https://github.com/xiaoluoboding/nuxt3-starter/blob/main/LICENSEhttps://github.com/xiaoluoboding/nuxt3-starter/blob/main/README.md

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 · 81 / 100
Technologies
Nuxt · Vue · Vite
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-05-10
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: 6932804ca0651ba15831b5af09dabbe2f844f1cee7c939f505498467d0223580

2026-10-01T14:18:54.183Z

Source file / repository
# Nuxt 3 Starter

> 💚 A Better Nuxt 3 starter template

## Preview

<div>
  <a href="https://stackblitz.com/github/nuxtbase/nuxt3-starter" rel="nofollow" target="_blank"><img src="https://camo.githubusercontent.com/bf5c9492905b6d3b558552de2c848c7cce2e0a0f0ff922967115543de9441522/68747470733a2f2f646576656c6f7065722e737461636b626c69747a2e636f6d2f696d672f6f70656e5f696e5f737461636b626c69747a2e737667" alt="" data-canonical-src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" style="max-width: 100%;"></a>
</div>

## Features

- 🎨 [@unocss/nuxt](https://unocss.dev/integrations/nuxt) - UnoCSS Instant On-demand Atomic CSS Engine
- 🤹 [unplugin-icons](https://github.com/antfu/unplugin-icons) - Use icons from any iconsets
- 🍍 [@pinia/nuxt](https://pinia.esm.dev/ssr/nuxt.html) - Using Pinia with Nuxt.js 3
- 🛠️ [@vueuse/nuxt3](https://vueuse.org/nuxt/readme.html#vueuse-nuxt) - This is an add-on of VueUse, which provides better Nuxt integration auto-import capabilities.

## Use the Template

### GitHub Template

[create a repo from this template on GitHub](https://github.com/xiaoluoboding/nuxt3-starter/generate)

### Clone to local

```bash
$> npx nuxi init -t nuxtbase/nuxt3-starter my-nuxt3-app
$> 🎉  Another rad Nuxt project just made! Next steps:
$>
$>    📁  `cd my-nuxt3-app`
$>
$>    💿  Install dependencies with `npm install` or `yarn install`
$>
$>    🚀  Start development server with `npm run dev` or `yarn dev`
```

## Setup

### Installation

Make sure to install the dependencies

```bash
yarn install
```

### Development

Start the development server on http://localhost:3088

```bash
yarn dev
```

### Production

Build the application for production:

```bash
yarn build
```

Checkout the [deployment documentation](https://v3.nuxtjs.org/docs/deployment).

## Related Template

- [vue3-starter](https://github.com/xiaoluoboding/vue3-starter) - 🖖 A Better Vue 3 Starter Template，generate by `create-vue`.

## License

MIT [@xiaoluoboding](https://github.com/xiaoluoboding)
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

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

supaAuth

supaAuth

A Nuxt 4 + Supabase authentication starter template with built-in email and password login and registration pages, using Supabase Auth as the backend and integrating with the Nuxt Composition API.

Nuxt · Starter