NuxtVuePortfolio

portfolio (nuxt-ui-templates) — Nuxt Portfolio Template

By nuxt-ui-templates

A portfolio template based on Nuxt UI and Nuxt Content for showcasing projects, skills, and blog content, under the MIT license.

Open Source Site Download Source ZIP

Explore the design

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

3 previews

Desktop homepage1 / 3

Visit websiteOpens in a new tab

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.

Interface built with the Nuxt UI component library

Portfolio and blog content managed through Nuxt Content

Online demo site available to preview actual page results

README provides the npm create nuxt template initialization command

Includes a Vercel deploy button and Renovate integration notes

MIT license allows modification, commercial use, and distribution

Template Details

This is a portfolio template built with Nuxt, with interface components from Nuxt UI and content driven by Nuxt Content. The README states its purpose is to showcase personal work, skills, and blog, and provides links to an online demo site and Nuxt UI installation documentation.

The template can be created with the command npm create nuxt@latest -- -t ui/portfolio. For local development, install dependencies with pnpm install and then run pnpm dev, which starts by default at http://localhost:3000; use pnpm build for a production build and pnpm preview to preview the production build locally. The README also provides a one-click Vercel deploy button and mentions that the Renovate GitHub app can be installed to handle dependency updates.

The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, provided the copyright notice and license notice are retained when distributing. Licenses for third-party assets such as demo images, fonts, and icons must be checked separately, and external services such as domains and hosting may incur costs.

NuxtVuePortfolio

Is it right for your project?

Use Cases

Build a personal portfolio website to showcase projects and skills
Include blog content within the portfolio
Use as a starter template for combining Nuxt UI and Nuxt Content
Deploy to Vercel or other platforms that support Nuxt

Suitable For

Developers who need to quickly start a personal portfolio site
Front-end developers familiar with or willing to use Nuxt and Vue
Those who want to manage display content with Nuxt Content
Users who accept the MIT license terms and check third-party assets themselves

Getting started & customization

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

1
Create the project with npm create nuxt@latest -- -t ui/portfolio
2
Run pnpm install to install dependencies
3
Run pnpm dev to start the development server at http://localhost:3000
4
Run pnpm build to build for production, and pnpm preview to preview locally
5
Before deployment, check the licenses of third-party assets such as demo images, fonts, and icons

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

Free use, modification, commercial use, and distribution of this version of the code are allowed.
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 liability limitations 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 against 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/nuxt-ui-templates/portfolio/blob/main/LICENSE https://github.com/nuxt-ui-templates/portfolio/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: Portfolio

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-28
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: f2b67a14aad7ddce9a0da9fef8b8e9b3fbaaff01e278c4fe3ce74525ca8ff7f0

2026-10-01T13:50:36.698Z

Source file / repository

# Nuxt Portfolio Template

[![Nuxt UI](https://img.shields.io/badge/Made%20with-Nuxt%20UI-00DC82?logo=nuxt&labelColor=020420)](https://ui.nuxt.com)

Use this template to create your own portfolio with [Nuxt UI](https://ui.nuxt.com).

- [Live demo](https://portfolio-template.nuxt.dev/)
- [Documentation](https://ui.nuxt.com/docs/getting-started/installation/nuxt)

<a href="https://portfolio-template.nuxt.dev/" target="_blank">
  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="https://ui.nuxt.com/assets/templates/nuxt/portfolio-dark.png">
    <source media="(prefers-color-scheme: light)" srcset="https://ui.nuxt.com/assets/templates/nuxt/portfolio-light.png">
    <img alt="Nuxt Portfolio Template" src="https://ui.nuxt.com/assets/templates/nuxt/portfolio-light.png">
  </picture>
</a>

## Quick Start

```bash [Terminal]
npm create nuxt@latest -- -t ui/portfolio
```

## Deploy your own

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-name=portfolio&repository-url=https%3A%2F%2Fgithub.com%2Fnuxt-ui-templates%2Fportfolio&demo-image=https%3A%2F%2Fui.nuxt.com%2Fassets%2Ftemplates%2Fnuxt%2Fportfolio-dark.png&demo-url=https%3A%2F%2Fportfolio-template.nuxt.dev%2F&demo-title=Nuxt%20Portfolio%20Template&demo-description=A%20sleek%20portfolio%20template%20to%20showcase%20your%20work%2C%20skills%20and%20blog%20powered%20by%20Nuxt%20Content.)

## Setup

Make sure to install the dependencies:

```bash
pnpm install
```

## Development Server

Start the development server on `http://localhost:3000`:

```bash
pnpm dev
```

## Production

Build the application for production:

```bash
pnpm build
```

Locally preview production build:

```bash
pnpm preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

## Renovate integration

Install [Renovate GitHub app](https://github.com/apps/renovate/installations/select_target) on your repository and you are good to go.

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

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

nuxtjs-tailwindcss-portfolio

A Nuxt.js and Tailwind CSS personal portfolio starter theme with dark mode, theme switching, Vuex state management, reusable components, project category filtering and title search, Vue transition animations, a project carousel, smooth scrolling, a dynamic form, a counter, and back-to-top and download…

Nuxt · Portfolio

nuxt-resume

A personal resume website template built with Nuxt and Vue, with i18n multilingual support. Resume copy and page text are maintained through JSON files under locales, with English and Spanish provided by default; new languages can be registered in nuxt.config.js.

Nuxt · Portfolio

nano-portfolio

Nano Portfolio is an open-source developer portfolio template built on Nuxt 3, TypeScript, Nuxt UI, Tailwind, MongoDB, and Resend.

Nuxt · Portfolio

super-portfolio

Super Portfolio is a personal portfolio website template built with Nuxt 3, Tailwind CSS, and TypeScript, using Iconsax icons and Nuxt Google Font.

Nuxt · Portfolio

bentolio

Bentolio is a minimal Nuxt portfolio template that can also be reused as a Nuxt Layer.

Nuxt · Portfolio