Vue Templates Logo Vue Templates
Maya Nuxt Template screenshot

Maya Nuxt Template

Author Avatar Theme by Youhan
Updated: 9 Apr 2025
96 Stars

A personal photography portfolio template built with Nuxt.js and Tailwind CSS.

Github Live Preview

Categories

Nuxt Tailwind

Overview

Maya Nuxt Template is a personal photography portfolio template built with Nuxt.js and Tailwind CSS. It offers a visually appealing and user-friendly design, making it easy for photographers to showcase their work. With features like Markdown pages, Tailwind CSS styling, and the ability to switch between Light & Dark mode, this template provides photographers with a versatile and customizable platform for sharing their photography portfolio.

Features

  • Create pages in Markdown: Easily create and manage pages in Markdown format within the content/ directory.
  • Use Tailwind CSS: Utilize the power of Tailwind CSS for styling your photography portfolio.
  • Use Tailwind CSS Typography: Customize and enhance the typography of your portfolio using Tailwind CSS Typography.
  • Pages: Quickly create and display various types of pages, including a home/landing page, list of blog/story posts, list of galleries, masonry gallery page, story/blog post page, hire me page, and more.
  • Switch between Light & Dark mode: Offer visitors the option to switch between Light and Dark mode, catering to their preference and enhancing their experience.
  • Access 100,000 icons: Choose from a vast collection of 100,000 icons from over 100 icon sets using the <Icon> component.
  • Create Vue components: Develop custom Vue components and seamlessly integrate them into your Markdown pages.
  • Deploy on any Node or Static hosting: Easily deploy your photography portfolio on various hosting platforms such as GH Pages, Vercel, Netlify, Heroku, and more.
  • Live edit on Nuxt Studio (WIP): Experience the convenience of live editing your portfolio using Nuxt Studio (Work in progress).

Installation

To install Maya Nuxt Template, follow these steps:

  1. Clone the repository:
git clone <repository-url>
  1. Navigate to the project directory:
cd maya-nuxt-template
  1. Install the required dependencies:
npm install
  1. Launch the development server:
npm run dev
  1. Open your browser and visit http://localhost:3000 to view the template.

Summary

Maya Nuxt Template is a feature-rich and visually stunning personal photography portfolio template built with Nuxt.js and Tailwind CSS. It offers photographers a seamless and customizable platform to showcase their work and engage with their audience. With its extensive markdown support, versatile page options, and easy deployment on various hosting platforms, Maya Nuxt Template is an excellent choice for photographers looking to create a captivating online portfolio.