NuxtVueDocumentation

shadcn-docs-nuxt — Nuxt Documentation Template

By ZTL-UwU

A documentation site template built with Nuxt Content and shadcn-vue, licensed under MIT, free to use, modify, and use commercially.

Open Source SiteDownload Source ZIP

Explore the design

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

3 previews
Desktop homepage1 / 3
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 3

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

Manages documentation content with Nuxt Content, aimed at Vue developers

02

Interface components come from shadcn-vue, with design referencing the shadcn-ui documentation style

03

Provides a companion starter template that can be initialized directly with nuxi init

04

The repository includes online documentation and a demo site, with desktop and mobile screenshots

05

Code is under the MIT license, allowing free use, modification, commercial use, and distribution

Template Details

shadcn-docs-nuxt is a documentation site template for Vue developers. Content management is provided by Nuxt Content, interface components come from shadcn-vue, the design references the shadcn-ui documentation style, and it draws on some components and ideas from Docus and Nuxt UI Pro Docs. The repository provides online documentation and a demo site, allowing you to view both desktop and mobile effects.

For usage, the official recommendation is to initialize the project via the companion starter template: run nuxi init and specify the shadcn-docs-nuxt-starter repository, then enter the directory and run npm run dev to start the development server. To contribute to the template itself, clone the main repository, install dependencies with pnpm, and start the development server; run lint:fix and typecheck before submitting.

Regarding licensing, this version's code is under the MIT license, allowing free use, modification, commercial use, and distribution. When distributing copies or substantial portions of the code, you must retain the copyright notice and the full license notice. Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses. External services such as domains and hosting may incur additional charges. The README lists users including magic-regexp, nuxt-monaco-editor, nuxt-umami, Msty, Archiver, ePoc, hexo-theme-solitude, and ai-elements-vue.

NuxtVueDocumentation

Is it right for your project?

Use Cases

  • Building a product documentation site for a Vue or Nuxt project
  • Writing usage instructions and API documentation for an open-source library
  • Building a technical content site with blog pages
  • Needing a documentation template where components and styles can be modified

Suitable For

  • Developers using the Vue or Nuxt stack
  • Individuals or teams needing an open-source documentation template
  • Projects wanting to customize the interface based on the shadcn-vue component system
  • Users who accept a Markdown content-driven documentation site

Getting started & customization

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

  1. 1

    Recommended to create a project with npx nuxi@latest init -t github:ZTL-UwU/shadcn-docs-nuxt-starter

  2. 2

    After entering the project directory, run npm run dev to start the development server

  3. 3

    To contribute to the template, clone the main repository and install dependencies with pnpm install

  4. 4

    Run pnpm run lint:fix and pnpm run typecheck before committing code

  5. 5

    Third-party images, fonts, and icon assets must be checked separately under their respective licenses

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 the 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

  • Permits free use, modification, commercial use, and distribution of this version's code.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • 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 official recommendation is to initialize the project via the companion starter template, requiring access to the GitHub repository and running the nuxi init command, depending on external network and GitHub services.
  • The README mentions Nuxt UI Pro Docs only as a design inspiration source and does not claim to use its Pro code; however, Nuxt UI Pro itself is a paid product, and if users introduce it themselves, they must pay separately.
  • Code is under the MIT license, allowing free use, modification, commercial use, and distribution; when distributing copies or substantial portions of the code, the copyright notice and full license notice must be retained.
  • 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

Create a project with the [starter template](https://github.com/ZTL-UwU/shadcn-docs-nuxt-starter)

Original README

[Nuxt UI Pro Docs](https://docs-template.nuxt.dev/): For the inspiration.

Original README

[MIT](https://github.com/ZTL-UwU/shadcn-docs-nuxt/blob/main/LICENSE)

Original README
https://github.com/ZTL-UwU/shadcn-docs-nuxt/blob/main/LICENSEhttps://github.com/ZTL-UwU/shadcn-docs-nuxt/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 · 96 / 100
Technologies
Nuxt · Vue
Website type
Documentation
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-09-12
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: 2f7060ad8bb6cfc75bab9b111c49c54df619bcbaf7b64764e6d68d9a8f83c80d

2026-10-01T15:02:11.405Z

Source file / repository
![hero](https://github.com/user-attachments/assets/f954ed2a-c504-40c2-9e84-4ae4ed31e793)

# shadcn-docs-nuxt

[![built with nuxt][nuxt-src]][nuxt-href]
[![npm version][npm-version-src]][npm-version-href]
[![pkg.pr.new][pkg-pr-new-src]][pkg-pr-new-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![sponsor][sponsor-src]][sponsor-href]

Beautifully designed _Nuxt Content_ template built with _shadcn-vue_. **Customizable. Compatible. Open Source.**

📖 [Documentation / Demo](https://shadcn-docs-nuxt.vercel.app/)

💬 [Discord](https://discord.gg/9P5HzAz8DT)

## Quick Start

1. Create a project with the [starter template](https://github.com/ZTL-UwU/shadcn-docs-nuxt-starter)

  ```bash
  npx nuxi@latest init -t github:ZTL-UwU/shadcn-docs-nuxt-starter
  ```

2. Navigating to the Project Directory

  ```bash
  cd [project-name]
  ```

3. Start dev server

  ```bash
  npm run dev
  ```

## Contributing

1. Clone this repository.
2. Install dependencies `pnpm install`.
3. Use `pnpm run dev` to start dev server.
4. Before committing, run `pnpm run lint:fix` and `pnpm run typecheck`.

## Credits

- [Nuxt Content](https://content.nuxt.com/): Content made easy for Vue Developers.
- [shadcn-ui](https://ui.shadcn.com/): For the beautiful component & docs design.
- [shadcn-vue](https://www.shadcn-vue.com/): For the vue port of shadcn-ui & some docs component source.
- [Docus](https://docus.dev/): For the inspiration & some docs component source.
- [Nuxt UI Pro Docs](https://docs-template.nuxt.dev/): For the inspiration.

## Who's Using

- [unjs/magic-regexp](https://github.com/unjs/magic-regexp) 4K ⭐️
- [nuxt-monaco-editor](https://github.com/e-chan1007/nuxt-monaco-editor)
- [nuxt-umami](https://github.com/ijkml/nuxt-umami)
- [Msty](https://docs.msty.app/getting-started/onboarding)
- [Archiver](https://github.com/Ast3risk-ops/archiver)
- [ePoc](https://epoc.inria.fr/en)
- [hexo-theme-solitude](https://github.com/everfu/hexo-theme-solitude) 1k ⭐️
- [ai-elements-vue](https://github.com/vuepont/ai-elements-vue) 1k ⭐️
- [Add your project 🚀](https://github.com/ZTL-UwU/shadcn-docs-nuxt/edit/main/README.md)

## License

[MIT](https://github.com/ZTL-UwU/shadcn-docs-nuxt/blob/main/LICENSE)

---

<a href='https://ko-fi.com/T6T7R1M58' target='_blank'><img height='36' style='border:0px;height:36px;' src='https://storage.ko-fi.com/cdn/kofi3.png?v=6' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>

[npm-version-src]: https://img.shields.io/npm/v/shadcn-docs-nuxt?style=flat&colorA=18181b&colorB=18181b
[npm-version-href]: https://npmx.dev/package/shadcn-docs-nuxt
[pkg-pr-new-src]: https://pkg.pr.new/badge/ZTL-UwU/shadcn-docs-nuxt
[pkg-pr-new-href]: https://pkg.pr.new/~/ZTL-UwU/shadcn-docs-nuxt
[npm-downloads-src]: https://img.shields.io/npm/dm/shadcn-docs-nuxt?style=flat&colorA=18181b&colorB=18181b
[npm-downloads-href]: https://npm.chart.dev/shadcn-docs-nuxt?primary=neutral&gray=zinc&theme=light
[license-src]: https://img.shields.io/github/license/ZTL-UwU/shadcn-docs-nuxt.svg?style=flat&colorA=18181b&colorB=18181b
[license-href]: https://github.com/ZTL-UwU/shadcn-docs-nuxt/blob/main/LICENSE
[nuxt-src]: https://img.shields.io/badge/Built%20With%20Nuxt-18181B?logo=nuxt
[nuxt-href]: https://nuxt.com/
[sponsor-src]: https://img.shields.io/badge/sponsor%20me-18181B?logo=kofi
[sponsor-href]: https://ko-fi.com/ztl_uwu
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

docs

docs

A documentation site template built with Nuxt UI and Nuxt Content, maintained by nuxt-ui-templates.

Nuxt · Documentation

shadcn-nuxt-starter

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

nuxt-saas-template

nuxt-saas-template

A Nuxt 3 SaaS template with a dual-branch structure: the main branch provides a Nuxt Pro marketing website with homepage, pricing, blog, documentation, and login/registration pages, while the master branch is a standalone React and Vite AI SEO platform interface integrating TogetherAI…

Nuxt · SaaS

ui-doc-starter

ui-doc-starter

A Nuxt documentation site starter template that uses Nuxt Content for content management and UI Thing for shadcn/ui-style components, with TailwindCSS, Color Mode, Icons, Image, V-Wave, ESLint, and PWA modules plus npm scripts for development, build, and preview.

Nuxt · Documentation

docs-toolkit

docs-toolkit

An Exactpro open-source documentation theme package built on Nuxt, published as @exactpro/docs-web-toolkit. It is introduced into documentation projects as a Nuxt layer via extends, with site information configured in app.config.ts and content authored using Nuxt Content.

Nuxt · Documentation

vitepress-diataxis-template

vitepress-diataxis-template

A VitePress-based technical documentation template that organizes tutorials, how-to guides, reference, and explanation content using the Diátaxis framework.

Vue · Documentation