Mahidlabs – Premium Personal Portfolio VueJS Template

Mahidlabs – Premium Personal Portfolio VueJS Template is a modern, dark-themed personal portfolio solution for developers, designers, freelancers, and creatives who want a fast, professional online presence. It combines a long-form landing experience with dedicated inner pages for services, portfolio case studies, blog articles, pricing, testimonials, and legal content. Built with Vue 3, Vite, Vue Router, JavaScript (ES modules), GSAP, Bootstrap 5, Swiper, WOW.js, Animate.css, and Font Awesome.

Features Overview

• Vue 3 (Composition API & <script setup>)
  
  The progressive framework used for reactive UI, route-based views, and reusable section components.

• Vite
  
  Fast dev server and optimized production builds — ideal for modern Vue single-page applications.

• Vue Router 4
  
  Client-side routing with history mode, scroll-to-hash support, and a dedicated 404 route.

• GSAP
  
  High-performance animations for enhanced visual appeal and user engagement.

• WOW.js + Animate.css
  
  Scroll-reveal classes on sections and content blocks for engaging entrance effects.

• Bootstrap 5.x
  
  Responsive grid, utilities, and components — paired with custom CSS variables for theme styling.

• Swiper
  
  Touch-friendly testimonial carousel with pagination and autoplay.

• Dark theme
  
  Professional dark theme with accent colors, custom CSS variables, and glass-style elements.

• Rich home landing
  
  Hero, about, services, portfolio showcase, resume, skills, testimonials, pricing, FAQ, blog, and contact sections.

• Multiple inner page layouts
  
  Home, about, services, single service, portfolio, single project, blog, blog single, blog archive, blog search, contact, documentation, privacy policy, terms & conditions, and 404 not found.

• 100% responsive
  
  Mobile-first layouts that adapt from small screens to large desktops.

Full Features List

• Vue 3
• Vite (build tool & dev server)
• Vue Router 4 (history mode)
• JavaScript (ES modules)
• GSAP animations
• Bootstrap 5.x
• WOW.js scroll animations
• Animate.css
• Swiper slider (testimonials)
• Professional dark theme
• One multi-section home + many inner templates
• Blog listing & single post layouts
• Services listing & detail pages
• Portfolio grid & single project pages
• Testimonials section
• Pricing section
• FAQ section
• Contact sections & contact page
• Privacy policy & terms of service pages
• 404 error page
• Documentation page
• Sticky header with offcanvas mobile menu
• Responsive footer
• Google Fonts (Inter)
• Font Awesome 7 (free icon set)
• SEO-friendly meta tags
• SPA-friendly redirects for Vercel and other static hosts
• Modern evergreen browsers (Chrome, Firefox, Safari, Edge)

What you get?

• Full Vue 3 + Vite source (components, views, router, data files, CSS)
• Organized asset folders (images, SVG logo, fonts)
• Ready-to-run scripts: npm run dev, npm run build, npm run preview

Fonts Used

• Google Fonts: Inter

Icons Used

• Font Awesome 7 Free (CSS / webfont)

Sources and Credits

• Bootstrap
• Vue.js
• Vite
• Vue Router
• GSAP (GreenSock Animation Platform)
• Swiper
• WOW.js
• Animate.css
• Font Awesome
• Google Fonts

Image Credits

• Demo / placeholder photography and graphics are included for preview purposes; replace with your own licensed work for production.

Important notes

• This item is delivered as a front-end Vue template. Backend, CMS, form endpoints, and analytics are not included — wire the contact form and any dynamic data to your own API or service as needed.
• TypeScript is not used; the codebase is JavaScript.
• Third-party packages may list optional dependencies; only those imported in the source affect the built site.

Show More
Show Less