VueCorporate Website

landingpage_mhub — Vue Business Template

By malo-dev

A landing page template built on Vue and Shadcn-Vue, with complete sections including navigation, hero, pricing, FAQ, and team, plus dark mode and responsive layout.

Open Source Site Download Source ZIP

Explore the design

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

1 previews

Author preview

View sourceOpens in a new tab

Author-provided previewTop of page

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-09-30View source

What stands out

A quick read of the recorded project description.

Complete sections: components for everything from navigation, hero, pricing, FAQ, team, and contact to footer

Mobile sidebar navigation, paired with responsive layout for different screens

Built-in dark mode and meta tag settings

Uses Shadcn-Vue components and the Tailwind styling system, making appearance easy to adjust as needed

Written in TypeScript with a clear component structure

MIT license, permitting free use, modification, and distribution

Template Details

This is a landing page template for corporate website scenarios, with a tech stack of Vue, Shadcn-Vue, TypeScript, and Tailwind. The README describes its positioning as an easy-to-use landing page template and provides an online demo URL.

The page sections are fairly complete, including Navbar, mobile Sidebar, Hero, Sponsors, Benefits, Features, Services, HowItWorks, Testimonials, Pricing, FAQ, Team, Community, Contact, and Footer, making it suitable for building a single-page site by directly replacing copy and assets.

At the feature level, it lists responsive design, navigation interactions, dark mode, and meta tags. The repository is released under the MIT license, allowing free use, modification, and distribution, but third-party assets such as demo images, fonts, and icons require separate license verification.

VueCorporate website

Is it right for your project?

Use Cases

Building a single-page marketing landing page for a SaaS or tool product
Using as a starting template for a corporate homepage, replacing brand copy and images
Quickly validating landing page information architecture and section layout
Using as a sample project to learn the Vue + Shadcn-Vue + Tailwind combination

Suitable For

Front-end developers who need a ready-made landing page section structure
Teams using the Vue stack that want to adopt Shadcn-Vue
Designers or product staff who need to quickly produce marketing page prototypes

Getting started & customization

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

1
The clone command in the README points to leoMirandaa/shadcn-vue-landing-page, which differs from this repository address; use the actual repository address.
2
After installing dependencies, start the local development environment with npm run dev.
3
Before replacing demo images, fonts, and icons, confirm their respective licenses; the code's MIT license does not cover third-party assets.
4
The README does not describe the build and deployment process; verify the project scripts yourself before deploying.

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

Allows 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 complete 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

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 separate charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/malo-dev/landingpage_mhub/blob/man/LICENSE https://github.com/malo-dev/landingpage_mhub/blob/man/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: Partly documented · 68 / 100
Technologies: Vue
Website type: Corporate Website

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-26
Screenshot last checked: 2026-10-01

No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.

The catalog identifies Vue 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: 5c86944a41ece7c5db2a2c3e0fa9c45cbdddfb00c2e0ec3f65182db37978134a

2026-10-01T14:12:44.248Z

Source file / repository

# Shadcn/Vue Landing Page Template

## <a href="https://www.shadcn-vue.com/" target="_blank">Shadcn-Vue</a> + <a href="https://vuejs.org/" target="_blank">Vue.js</a> + <a href="https://www.typescriptlang.org/" target="_blank">TypeScript</a> + <a href="https://tailwindcss.com/" target="_blank">Tailwind</a>.

![Alt text](./public/demo-img.jpg)
Live demo is now available: <a href="https://shadcn-vue-landing-page.vercel.app" target="_blank">Live Demo</a>

## Sections

- [x] Navbar
- [x] Sidebar(mobile)
- [x] Hero
- [x] Sponsors
- [x] Benefits
- [x] Features
- [x] Services
- [x] HowItWorks
- [x] Testimonials
- [x] Pricing
- [x] Frequently Asked Questions(FAQ)
- [x] Team
- [x] Community
- [x] Contact
- [x] Footer

## Features

- [x] Fully Responsive Design
- [x] User Friendly Navigation
- [x] Dark Mode
- [x] Meta tags

## How to install

1. Clone this repositoy:

```bash
git clone https://github.com/leoMirandaa/shadcn-vue-landing-page.git
```

2. Go into project

```bash
cd shadcn-vue-landing-page
```

3. Install dependencies

```bash
npm install
```

4. Run project

```bash
npm run dev
```

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

shadcn-vue-landing-page

A Vue + Shadcn-Vue + TypeScript + Tailwind landing page template with sections like Navbar, Hero, Pricing, FAQ, Team, and Contact, plus dark mode and responsive layout.

Vue · Corporate Website

dasos

dasos is an App landing page template built with Vue and Tailwind CSS, scaffolded with vue-cli. It includes Features, Testimonials, Download App, and Contact sections, and integrates vuefire and firebase for database connectivity, along with vue-carousel and vue-scrollto.

Vue · Corporate Website

hero-header-template

A Vue 3, Vite, and Tailwind CSS landing page template for agencies, featuring a Hero section and header with RTL language support.

Vue · Corporate Website

vue-porto

VuePorto is a Vue-based single-page resume and portfolio template adapted from StartBootstrap's Resume theme, adding animations and transitions. It suits personal resume or portfolio sites and is under the MIT license for free use and secondary development.

Vue · Portfolio

nagency

nagency is a digital agency website template built with Vue 3 and Vite, released under the MIT license. It includes desktop (1440×1000) and mobile (390×844) home page screenshots and provides basic install, development, and build commands.

Vue · Corporate Website

vitepress-marketing

A VitePress-based multi-page marketing site template with a home page, blog, and submittable contact form, deployed automatically to GitHub Pages via GitHub Actions.

Vue · Blog