纯 HTML 单文件结构,通过 CDN 引入完整 Tailwind CSS
Landing-Page — HTML 企业官网模板
作者 tailwindtoolbox
Tailwind Toolbox 出品的通用落地页 HTML 模板,基于 Tailwind CSS,适合快速搭建产品介绍或营销页面。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
由 Tailwind Toolbox 维护的通用落地页启动模板
MIT 许可,可免费使用、修改、商用与分发
README 提供下载、克隆、Fork 三种获取方式
附有官方 Tailwind CSS 定制 setup 指南链接
模板详细介绍
这是一个由 Tailwind Toolbox 维护的开源通用落地页模板,使用纯 HTML 编写,通过 CDN 引入完整的 Tailwind CSS 文件。模板定位为启动器,提供落地页常见区块的静态结构,适合作为企业官网或产品页的起点。
使用方式简单:下载最新发布包、克隆仓库或 Fork 仓库即可获得源码。由于模板本身只是一个引用 CDN 版 Tailwind CSS 的 HTML 文件,README 建议进一步定制 Tailwind 配置以发挥其能力,并提供了官方 setup 指南链接。
模板采用 MIT 许可,允许免费使用、修改、商用和分发,分发时需保留版权声明与许可声明。需要注意,代码的 MIT 许可不覆盖演示图片等第三方素材:Hero 区矢量图来自 freepik.com,要求署名后方可用于个人和商业用途。README 还列出了若干使用该模板搭建的站点作为参考。
适合你的项目吗?
适用场景
- 快速搭建产品介绍或营销落地页
- 作为企业官网首页的静态原型
- 学习 Tailwind CSS 工具类写法的参考页面
- 在已有 HTML 项目中替换或复用落地页区块
适合人群
- 需要轻量静态落地页的前端开发者
- 希望以 Tailwind CSS 起步的 HTML 项目
- 想快速验证页面结构与文案排版的团队
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
模板仅为一个引用 CDN 版 Tailwind CSS 的 HTML 文件,无需构建步骤即可打开
- 2
建议按 README 链接的 setup 指南定制 Tailwind 配置以深入使用
- 3
Hero 区矢量图来自 freepik.com,个人与商业使用均需署名
- 4
分发代码副本或实质性部分时,需保留原作者版权声明和完整 MIT 许可声明
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- Hero 区矢量图来自 freepik.com,个人和商业使用均需署名;该素材许可独立于代码的 MIT 许可,不署名不得使用。
- MIT 许可仅覆盖代码;分发代码副本或实质性部分时须保留版权声明与完整 MIT 许可文本,且软件按“原样”提供、无任何担保。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
Free for personal and commercial purpose with attribution
README 原文
https://github.com/tailwindtoolbox/Landing-Page/blob/master/LICENSEhttps://github.com/tailwindtoolbox/Landing-Page/blob/master/README.mdCode released under the MIT license.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 85 / 100
- 技术栈
- HTML
- 网站类型
- 企业官网 · 启动器
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2024-04-25
- 截图检查日期
- 2026-10-01
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: a0b30f82deecaaaf2df7870d2a158fda11331b0e2a0c719eb191dae5038f51ae
2026-10-01T01:59:34.168Z
来源文件 / 仓库# [Tailwind Toolbox](https://www.tailwindtoolbox.com/) - [Landing Page Template](https://www.tailwindtoolbox.com/templates/landing-page) [Landing Page](https://www.tailwindtoolbox.com/templates/landing-page) is an open source, generic landing page template for [Tailwind CSS](https://tailwindcss.com/) created by [Tailwind Toolbox](https://www.tailwindtoolbox.com/).  ## Getting Started Choose one of the following options to get started: * [Download the latest release](https://github.com/tailwindtoolbox/Landing-Page/archive/master.zip) * Clone the repo: `git clone https://github.com/tailwindtoolbox/Landing-Page.git` * Fork the repo ## Using the Template The template is just a HTML file using a full CDN hosted Tailwind CSS file. To get the best out of Tailwind CSS, you need to really start customising it. Take a look at our [setup guide](https://www.tailwindtoolbox.com/setup) to start tweaking! ## Sites created using this template * [AnonAddy.com](https://anonaddy.com) * [MentorCV.com](https://mentorcv.com) * [Nodewood.com](https://nodewood.com) * [X-Wing AI](https://xwing.app) * [Auto-Swiper](https://www.auto-swiper.ch) * [Hosted Git](https://hosted-git.com) * [Qiusheji](https://qiusheji.com) ## Bugs and Issues Have a bug or an issue with this template? [Open a new issue](https://github.com/tailwindtoolbox/Landing-Page/issues/new) here on GitHub. ## Creator [Tailwind Toolbox](https://www.tailwindtoolbox.com/) was created by and is maintained by **[Amrit Nagi](https://amritnagi.info/)**, Co-owner of [Astrava.Solutions](https://astrava.solutions). * https://twitter.com/tailwindtoolbox * https://twitter.com/amritnagi * https://github.com/tailwindtoolbox Tailwind Toolbox is based on the [Tailwind CSS](https://www.tailwindcss.com/) framework created by [Adam Wathan](https://twitter.com/adamwathan), [Jonathan Reinink](https://twitter.com/reinink), [David Hemphill](https://twitter.com/davidhemphill) and [Steve Schoger](https://twitter.com/steveschoger) ## Image Attribution [Hero vector created by freepik.com](https://www.freepik.com/free-vector/isometric-education-illustration_3940819.htm#page=1&query=isometric%20plane&position=1) Free for personal and commercial purpose with attribution ## Copyright and License Copyright 2018-2022 Astrava.Solutions Ltd. Code released under the MIT license.
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

mazer
Free and Open-source Bootstrap 5 Admin Dashboard Template and Landing Page
HTML · 后台

Freelancer
Freelancer 是 Start Bootstrap 出品的单页作品集模板,专为自由职业者、设计师和小型工作室设计。 页面结构清晰,包含多个内容区块、响应式作品集网格,每个作品项目配有模态窗口展示详情。
HTML · 作品集

Creative
Creative 是 Start Bootstrap 团队维护的一款单页营销模板,定位明确:为创意机构或产品服务提供一个以作品展示和行动号召为核心的落地页。
HTML · 企业官网

startbootstrap-agency
Agency 是 Start Bootstrap 维护的单页代理商作品集主题,基于 Bootstrap 构建,MIT 许可。
HTML · 企业官网

startbootstrap-simple-sidebar
An off canvas sidebar navigation Bootstrap HTML template created by Start Bootstrap
HTML · 启动器

startbootstrap-landing-page
这是 Start Bootstrap 系列中一款通用型落地页模板,基于 Bootstrap 构建,定位是给产品或服务做单页推广。
HTML · 企业官网
