tideline
Next.js · React · HTML / 企业官网 · 作者 tailthemes
Tideline 是 tailthemes 出品的开源「即将上线」网站模板，基于 Next.js 15 与 Tailwind CSS v4，同时提供无需构建的纯 HTML 版本，MIT 许可，支持亮暗模式。
模板详细介绍
Tideline 是一个面向产品发布前的「即将上线」网站模板，MIT 许可。它并非只有一个渐变背景加表单的落地页，而是一整套预发布站点：演示内容以一家 2027 年开业的海岸酒店为主题，包含 11 个房间及各自的建设阶段、带日期的建设日志、五封邮件序列的 HTML 排版，以及一页说明加入等待列表意味着什么、不意味着什么。
仓库同时提供两个版本：src/ 下的 Next.js 15 项目，以及 html/dist/ 中独立编写的静态站点，后者无需构建步骤即可运行。亮暗模式通过根元素上的一个 class 切换，两侧都是 src/theme.css 中的 token，没有需要同步维护的 dark: 工具类，也不会读取操作系统设置。
项目包含 6 条路由、25 个组件、86 个设计 token（每个都有暗色对应值）、6 个编译后的 HTML 页面、4 个位于 .claude/skills/ 的 agent 技能，以及自托管的 Manrope、Martian Mono 和 Spectral 三款字体。除 React 和 Next.js 外，仅依赖 lucide-react。
主要特点
- 同时提供 Next.js 15 项目与无需构建的纯 HTML 静态版本
- 亮暗模式由根元素 class 切换，颜色全部来自 theme.css 中的 token
- 包含 6 条路由、25 个组件与 86 个设计 token
- 内置 4 个 agent 技能：add-page、add-section、check-quality、rebrand
- 自托管 Manrope、Martian Mono、Spectral 三款字体
- MIT 许可，可用于商业项目，无需署名
适用场景
- 产品尚未有可演示内容时的预发布落地页
- 收集等待列表邮箱并说明加入含义的页面
- 以建设日志形式公开项目进度的站点
- 需要亮暗双模式的企业或品牌官网雏形
- 希望直接上传静态文件到托管平台的部署方式
适合人群
- 需要「即将上线」页面并附带等待列表的团队
- 偏好 Next.js 15 与 Tailwind CSS v4 的开发者
- 希望不引入构建工具、直接部署静态站点的使用者
- 需要以 token 统一调整品牌颜色的设计或前端人员
使用前需要核对
- 项目以 bun 为主：bun install 与 bun dev 后访问 http://localhost:3000
- npm install 与 npm run dev 可用，但 build:html 和 preview:html 直接调用 bun，HTML 版本仍需安装 bun
- HTML 版本源码为 html/src/ 下的 Nunjucks，编辑后运行 bun run build:html 与 bun run preview:html
- 仓库由官方源码生成，不接受 pull request，问题请以 issue 形式提交
- 字体以 SIL Open Font License 1.1 授权，需将许可文本与 .woff2 文件一同保留
本介绍由 AI 根据目录元数据和仓库 README 整理，实际功能以原仓库为准。
功能与适用范围
目录记录的用途为企业官网，主要技术栈为Next.js、React、HTML。功能是否完整实现，需要在源码和演示中进一步确认。
- Next.js
- React
- HTML
- 企业官网