什么是Scrolltide?
Scrolltide 是一个精选的滚动驱动型网站模板与提示词库,旨在帮助用户通过 AI 工具快速构建具有电影感动效的网站。用户需复制提示词并粘贴至 Claude、Cursor 或 v0 等 AI 编辑器中生成代码。该服务提供一次性付费的终身访问权限,包含每周更新的新模板。
Scrolltide的核心功能有哪些?
- 滚动驱动模板库收录超过140个针对 React、Next.js、Tailwind CSS 和 GSAP 优化的完整页面模板,涵盖着陆页、作品集及3D网站场景。
- 模块化组件资源提供74个独立 UI 组件(如按钮、卡片、背景)的提示词,允许用户将特定交互元素直接嵌入现有项目中。
- GPU加速着色器素材包含55种动态背景效果(渐变、极光、液态金属等),支持导出 MP4、静态图或组件形式,用于增强视觉表现力。
- 标准化页面区块汇集22个常用页面部分(定价表、证言墙、页脚等)的提示词,解决重复性布局构建需求。
- 后台界面参考提供14个应用内屏幕(仪表盘、钱包、控制台等)的设计结构与数据状态提示词,辅助构建登录后体验。
- AI优化提示工程所有提示词专为 Claude、Cursor 和 v0 设计,强调结构化指令以减少“AI生成痕迹”,输出生产就绪的代码。
Scrolltide的使用案例有哪些?
- 快速原型开发开发者利用预置的 Hero Section 或 Landing Page 模板,在当天内完成从空白页面到可部署网站的构建流程。
- 局部功能增强前端工程师在已有项目中仅需要添加一个特定的交互式按钮或3D背景时,直接使用对应的组件提示词进行集成。
- 复杂界面设计产品经理或设计师参考 Dashboards 或 Finance 类 UI 屏幕的提示词,快速生成符合真实数据形态的管理后台原型。
如何使用Scrolltide?
- 浏览筛选在 Scrolltide 网页端按类别(Components, Shaders, Sections 等)或框架筛选所需的模板或组件。
- 复制提示词获取选定资源的专用 AI 提示词文本。
- 粘贴生成将提示词粘贴至 Claude、Cursor 或 v0 等兼容的 AI 编码环境中。
- 调整部署根据生成的 Next.js 代码微调文案,随后直接部署上线。
Scrolltide定价信息:
- Early access Lifetime access$299 一次性付款,获得终身访问权限,包含每周新增的模板资源。
- Free Templates库中包含部分免费模板(如 Otis, SELENE, NAÏADE),无需付费即可预览和使用。









