Next.jsReactCorporate Website

shadcn-landing-pages — Next.js Business Template

By XiaomingX

A corporate landing page template built with Next.js, TypeScript, Tailwind, and shadcn components, converted from a shadcn-vue version, including common sections such as navigation, hero, pricing, FAQ, and footer.

Open Source SiteDownload Source ZIP

Explore the design

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

1 previews
Author preview
Author-provided preview

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-10-01View source

What stands out

A quick read of the recorded project description.

01

Combination of Next.js + TypeScript + Tailwind + shadcn components

02

Converted from a shadcn-vue landing page project to Next.js

03

Built-in Navbar and mobile Sidebar navigation

04

Includes landing page sections such as Hero, Features, Pricing, FAQ, Testimonials, Team, and Contact

05

States support for responsive layout and dark mode

06

Apache-2.0 license, free to use, modify, and use commercially

Template Details

This is a landing page template for corporate website scenarios, with a tech stack of Next.js + TypeScript + Tailwind + shadcn. The project description notes that it was converted from shadcn-vue-landing-page to Next.js.

The template organizes page content by sections. The README lists the following sections: Navbar, mobile Sidebar, Hero, Sponsors, Benefits, Features, Testimonials, Team, Community, Contact, Pricing, FAQ, Services, and Footer, covering the complete structure of a typical landing page from first-screen display to conversion and footer information.

In terms of functionality, the README states support for responsive design, navigation interactions, and dark mode. The repository does not provide more detailed component APIs, data sources, or backend integration instructions. The page content consists mostly of static display sections, and actual use requires replacing copy, images, and links yourself.

The license is Apache-2.0, allowing free use, modification, commercial use, and distribution. When distributing, the license must be included and attribution notices retained. Third-party assets such as demo images, fonts, and icons need their licenses checked separately.

Next.jsCorporate website

Is it right for your project?

Use Cases

  • Building the first screen and content sections of a corporate website or product landing page
  • As a starting point for page structure in a Next.js + shadcn project
  • Display-oriented sites that need dark mode and mobile side navigation
  • Quickly assembling marketing sections such as pricing, FAQ, team, and contact

Suitable For

  • Front-end developers using Next.js and TypeScript
  • Corporate website projects that need ready-made landing page section structures
  • Teams that accept the Apache-2.0 license and will replace content themselves

Getting started & customization

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

  1. 1

    After cloning the repository, enter the project directory, run npm install to install dependencies, then run npm run dev to start the development environment.

  2. 2

    The clone address in the README points to nobruf/shadcn-landing-page, which differs from the current repository address; it is recommended to use the current repository.

  3. 3

    Page copy, images, and links need to be replaced yourself. Third-party assets such as demo images need their licenses checked separately.

  4. 4

    Before distribution or commercial use, retain the Apache-2.0 license and related copyright and attribution notices.

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the Apache-2.0 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

  • Free use, modification, commercial use, and distribution are allowed; when distributing, the Apache-2.0 license must be included.
  • Modified files must prominently indicate changes and retain relevant copyright, patent, trademark, and attribution notices.
  • If the original project includes a NOTICE file, applicable attribution notices in it must be retained when distributing derivative works.
  • The license includes an applicable contributor patent grant; initiating patent litigation as described in the license terminates that patent grant, and no trademark use rights are granted.
  • 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 need to be checked against their respective licenses and cannot be judged solely by the code's Apache-2.0 license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

no-charge, royalty-free, irrevocable copyright license

Original License Text
https://github.com/XiaomingX/shadcn-landing-pages/blob/main/LICENSEhttps://github.com/XiaomingX/shadcn-landing-pages/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
Partly documented · 71 / 100
Technologies
Next.js · React
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
2025-12-21
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 Next.js 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: e40bb55f6df0d34cc935a9ed3701ba42be0eb6ce660ac187dd89ce34c275278c

2026-10-01T02:05:08.389Z

Source file / repository
# Shadcn Landing Page Template

## <a href="https://ui.shadcn.com/" target="_blank">Shadcn</a> + <a href="https://nextjs.org/" target="_blank">Next.js</a> + <a href="https://www.typescriptlang.org/" target="_blank">TypeScript</a> + <a href="https://tailwindcss.com/" target="_blank">Tailwind</a>.

### This is a project conversion <a href="https://github.com/leoMirandaa/shadcn-vue-landing-page" target="_blank">Shadcn-Vue</a> to NextJS

![Alt text](./public/demo-img.jpg)

## Sections

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

## Features

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

## How to install

1. Clone this repositoy:

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

2. Go into project

```bash
cd shadcn-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.

SaaS-Boilerplate

SaaS-Boilerplate

SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.

Next.js · SaaS

Next-JS-Landing-Page-Starter-Template

Next-JS-Landing-Page-Starter-Template

A free Next.js landing page starter template written in Tailwind CSS and TypeScript, featuring built-in navbar, hero, features, CTA banner, and footer sections.

Next.js · Corporate Website

next-saas-starter

next-saas-starter

A free Next.js SaaS marketing landing page template from Blazity, using static generation and styled-components with no extra UI library.

Next.js · SaaS

startup-nextjs

startup-nextjs

Startup is a free, MIT-licensed Next.js template from NextJSTemplates for SaaS startups and corporate landing pages.

Next.js · SaaS

shadcn-landing-page

shadcn-landing-page

A Next.js landing page template built with Shadcn, TypeScript, and Tailwind, converted from a Shadcn-Vue version. It includes sections such as Navbar, mobile Sidebar, Hero, Pricing, FAQ, and Footer, and highlights responsive design, navigation, and dark mode.

Next.js · Corporate Website

shadcn-dashboard-landing-template

shadcn-dashboard-landing-template

An open-source admin dashboard and marketing landing page template built on shadcn/ui and Tailwind CSS, with both Vite + React and Next.js versions in one repository.

Next.js · Admin dashboard