Pages and state organized with Nuxt.js + Vuex
NuxtVuePortfolio
nuxtjs-tailwindcss-portfolio — Nuxt Portfolio Template
By realstoman
A personal portfolio template built with Nuxt.js and Tailwind CSS, featuring dark mode, project filtering, search, and other interactive components.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
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.
Styles written with Tailwind CSS, including dark mode and theme switching
Project filtering by category and search by title
Reusable components, Vue transition animations, project carousel, and smooth scrolling
Dynamic form, counter, back-to-top, and download file buttons
Template Details
This is a personal portfolio starter theme written with Nuxt.js and Tailwind CSS. The author also maintains Vue, React, and Next.js versions, and this repository is the Nuxt implementation among them. The README states that it includes responsive design, Vuex state management, reusable components, project filtering by category, project search by title, Vue transition animations, a counter, a project carousel, smooth scrolling, a dynamic form, a back-to-top button, and a download file button, along with theme switching and dark mode.
The template targets personal portfolio display scenarios. The page structure consists of a homepage, project list, and other sections. Project data and display logic are organized through components and Vuex, making it suitable for replacing with your own content.
There are several usage limitations: the illustrations in the demo come from unDraw and Freepik, and the images come from Unsplash. These third-party assets must be checked separately under their respective licenses and cannot be judged solely by the code's MIT license. The README also mentions that the repository will continue to be updated with more sections, indicating that the current version is not final.
NuxtVuePortfolio
Is it right for your project?
Use Cases
- Building a personal portfolio website to showcase project lists and personal information
- As a learning and practice project for Nuxt.js + Tailwind CSS
- Switching an existing Vue portfolio to a Nuxt implementation
Suitable For
- Front-end developers who need a ready-made portfolio starter theme
- Personal projects using Nuxt.js and Tailwind CSS
- Developers who want to quickly replace content and extend sections themselves
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Node.js must be installed first; clone the repository and enter the project directory
- 2
Install dependencies with yarn; if yarn is not installed, it can be installed globally with npm
- 3
Run yarn dev to start the local development server (default http://localhost:3000)
- 4
For production builds, use yarn build and yarn start; for static generation, use yarn generate
- 5
After pulling new changes, run yarn install again
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 applies to that version's code 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, used commercially, 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
- The illustrations in the demo come from unDraw and Freepik and are third-party assets; they must be checked separately under their respective licenses, and their permitted scope cannot be judged solely by the code's MIT license.
- The demo images come from Unsplash and must comply with Unsplash's own license, which is unrelated to the project code's MIT license.
- 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
Illustrations from [unDraw](https://undraw.co) and [Freepik](https://freepik.com)
Original README
https://github.com/realstoman/nuxtjs-tailwindcss-portfolio/blob/main/LICENSEhttps://github.com/realstoman/nuxtjs-tailwindcss-portfolio/blob/main/README.mdImages from [Unsplash](https://unsplash.com)
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 · 77 / 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
- 2024-02-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: 5ed20a4c06be9b4169eeb570cd3fe50e8122edeb88bb5cb797dec7ce6778e098
2026-10-01T14:01:57.782Z
Source file / repository# Nuxt.js & TailwindCSS Portfolio - With Dark Mode A simple portfolio starter theme built with Nuxt.js and Tailwind CSS. This is the Nuxt version of the [Vuejs-&-TailwindCSS-Portfolio](https://github.com/realstoman/vuejs-tailwindcss-portfolio)  ## Demo URL [https://nuxtjs-tailwindcss-portfolio.netlify.com](https://nuxtjs-tailwindcss-portfolio.netlify.com) ## Other versions of this project - Vue.js Version: [https://github.com/realstoman/vuejs-tailwindcss-portfolio](https://github.com/realstoman/vuejs-tailwindcss-portfolio) - React Version: [https://github.com/realstoman/react-tailwindcss-portfolio](https://github.com/realstoman/react-tailwindcss-portfolio) - Next.js Version: [https://github.com/realstoman/nextjs-tailwindcss-portfolio](https://github.com/realstoman/nextjs-tailwindcss-portfolio) ## Features - Simple and responsive design - [Nuxt.js](https://nuxtjs.org) with [Vuex](https://vuex.vuejs.org/) - [Tailwind CSS v2](https://tailwindcss.com) - Theme Switcher with Dark Mode - Vuex for state management - Reusable components - Projects filter by category - Projects search by title - Vue transitions - Counter - Projects carousel - Smooth scroll - Dynamic forms - Back to top button - Download file button ### To Contribute to this project, read the [Contribution Guidlines](https://github.com/realstoman/nuxtjs-tailwindcss-portfolio/blob/main/CONTRIBUTING.md) ## Setup 1. First of all, make sure you have Node JS installed. If you don't have it: - [Download it from nodejs.org](https://nodejs.org) - [Install it using NVM ](https://github.com/nvm-sh/nvm) - If you're on Mac, Homebrew is a good option too: ``` brew install node ``` 2. Clone the repo: ``` git clone https://github.com/realstoman/nuxtjs-tailwindcss-portfolio.git ``` 3. Open the project folder: ``` cd nuxtjs-tailwindcss-portfolio ``` 4. Install packages and dependencies: ``` yarn ``` 4. NOTE: If you don't have yarn installed, you can install it globally using npm: ``` npm install --global yarn ``` 5. Start a local dev server at `http://localhost:3000`: ``` yarn dev ``` ## For production build and generating static files: ##### Build for production and launch server: ``` yarn build ``` ``` yarn start ``` ##### Generate static project: ``` yarn generate ``` ## Notes - Always run `yarn install` after pulling new changes - I'll be constantly updating this repo as I'll be adding more sections to it, so please always check the projects section of this repo to see what tasks are under todo and in progress - Coming Soon [I'll be doing a screencast](https://www.youtube.com/realstoman). Soon I'll be uploading a video to my YouTube channel where I'll be going through the process of creating this portoflio - Illustrations from [unDraw](https://undraw.co) and [Freepik](https://freepik.com) - Images from [Unsplash](https://unsplash.com) - Feel free to use it as your own portfolio - Contributions are welcome ### License [MIT](https://github.com/realstoman/nuxtjs-tailwindcss-portfolio/blob/main/LICENSE)
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
portfolio
A Nuxt portfolio template using Nuxt UI for interface components and Nuxt Content for content, intended to showcase projects, skills, and blog.
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