Repolode
提交项目
ln-dev7

ln-dev7/landing-pages

一组基于 Next.js、Tailwind CSS 和 shadcn/ui 的开源落地页合集，每个项目都可独立运行。

在 GitHub 查看官网
Star
213
Fork
37
未关闭 Issue
0
最近提交
昨天

这是什么？

这个仓库收录了一组落地页，每个页面围绕一个独特概念设计，例如鬼屋式的 3D 漫游、带互动冲浪学校的冲浪俱乐部，或是独立攀岩馆。landing-pages/ 下的每个文件夹都是独立的 Next.js 项目，可以单独用 pnpm 安装和运行。

页面基于 Next.js、Tailwind CSS 以及大量定制的 shadcn/ui 组件构建。多个项目以 3D 场景和交互视觉作为页面核心，而不是静态版块。另有 www/ 目录提供展示整个合集的静态网站，使用原生 HTML、CSS 和 JavaScript 编写，无需构建步骤。

仓库还给出了 Vercel 部署说明，每个项目需单独创建部署，并且当文件夹自上次部署后未变化时会跳过构建。代码采用 MIT 许可，字体、图片及部分第三方组件则保留各自的许可证。

核心功能

  • 01基于 Next.js 和 Tailwind CSS，并定制了 shadcn/ui 组件
  • 02每个落地页都是可独立运行的项目
  • 03多个页面包含可交互的 3D 场景
  • 04www/ 目录提供无需构建的静态展示站点
  • 05附带 Vercel 部署说明，未改动的项目会跳过构建

适用场景

  • 学习如何用 Next.js 打造有个性、围绕概念设计的落地页
  • 以可运行的模板为起点搭建营销页或作品集页面
  • 在 React 项目中研究 3D 与交互式网页视觉效果
  • 在 Vercel 上从同一个仓库部署多个小型站点

快速上手

  1. 1

    进入项目目录（例如 fallow）

    cd landing-pages/fallow
  2. 2

    使用 pnpm 安装依赖

    pnpm install
  3. 3

    启动开发服务器

    pnpm dev

使用前须知

  • 需要 Node.js 20.9 及以上版本和 pnpm。
  • Sundaze 的 Canvas UI 效果采用 MIT + Commons Clause 许可，限制商业用途。
  • 字体、图片和第三方组件保留各自的许可证。

标签

#landing-page#nextjs#tailwind-css#shadcn-ui#react#3d#typescript

常见问题

landing-pages 是什么？
一组基于 Next.js、Tailwind CSS 和 shadcn/ui 的开源落地页合集，每个项目都可独立运行。 这个仓库收录了一组落地页，每个页面围绕一个独特概念设计，例如鬼屋式的 3D 漫游、带互动冲浪学校的冲浪俱乐部，或是独立攀岩馆。landing-pages/ 下的每个文件夹都是独立的 Next.js 项目，可以单独用 pnpm 安装和运行。
landing-pages 可以免费使用吗？用的什么许可证？
landing-pages 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
landing-pages 还在维护吗？
活跃维护中。landing-pages 最近一次提交是在 2026年11月6日。
landing-pages 适合用来做什么？
学习如何用 Next.js 打造有个性、围绕概念设计的落地页 以可运行的模板为起点搭建营销页或作品集页面 在 React 项目中研究 3D 与交互式网页视觉效果 在 Vercel 上从同一个仓库部署多个小型站点
landing-pages 怎么安装和运行？
进入项目目录（例如 fallow）: cd landing-pages/fallow 使用 pnpm 安装依赖: pnpm install 启动开发服务器: pnpm dev
在哪里获取 landing-pages？
源代码和安装说明在 GitHub 上：https://github.com/ln-dev7/landing-pages

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目