Scrolltide

核心功能

• 完整构建提示词

  每条提示词是一份完整的设计简报，布局、字体、动效、配色都写死了，不是丢一句“做个高级网站”让AI瞎猜。

• 滚动驱动模板

  首屏、作品集、落地页按滚动进度触发动画，文字组装、区块滑入这些效果开箱就是写好参数的。

• 着色器背景

  渐变、极光、液态金属这类GPU渲染的动态背景，可当组件用，也能导出MP4或静帧。

• 可复用组件与区块

  按钮、卡片、定价表、页脚这些零件单独取用，不用为了一个动效导入整页模板。

• 多技术栈覆盖

  基于React、Next.js、Tailwind、Framer Motion、GSAP、Three.js，生成结果能直接并入现有工程，不是锁死在某个平台里的产物。

产品特色

• 01

  它瞄准的其实是“描述差距”，不是“代码能力”

  Scrolltide官网自己讲得很直白：Claude知道怎么写代码，但它看不见你脑子里那个网站。你反复说“再高级一点”“字体别那么普通”“动效不对”，改十几轮还是不对味，问题不在模型，在你给的那句话里没有布局、字体、动效、克制这些参数。Scrolltide做的事就是把那些空白填上，让模型在写第一行代码之前就拿到一张清晰的图。这个切入角度比“又一个模板站”诚实得多。

• 02

  提示词当交付物，这件事本身就省掉了一大截调试

  常规模板站给你一个能跑的代码，但想改成自己的东西得读懂结构。Scrolltide给的是设计指令，粘进Claude或Cursor，AI按指令生成，改起来也方便——想调间距就调指令里的数值，不用去代码里翻。对独立开发者和接活的人来说，交付速度上的差别比功能列表更实在。

• 03

  付费模式不复杂，但值不值取决于你用多深

  完整访问是订阅制，有区域定价，也有299美元的一次性终身方案。免费层能试一部分模板和组件，先跑一条看看效果再决定。如果你是偶尔做一个落地页，免费层可能够用；如果靠这个接项目或者频繁上线产品页，终身买断比月费更容易算清楚。

• 04

  重度动画不是万能药

  评测里被提到的缺点之一就是重动效网站不适合所有场景。产品页、作品集这类需要“记住这个页面”的地方，滚动叙事和3D背景是加分项；但工具型后台、内容密集型站点，动画多了反而碍事。它给的是视觉冲击力，不是性能优化方案，用之前想清楚自己的站点类型。

应用场景

• ✅ 产品发布落地页

  用滚动驱动的首屏和动画区块搭一个能让人停下来的发布页，复制提示词丢进Cursor，半小时内有个能给人看的版本。

• ✅ 创意作品集

  3D场景加滚动叙事展示作品，比一页页翻图更有记忆点，设计师和独立创作者可以拿它当起点再往里填自己的内容。

• ✅ 客户网站快速起稿

  接活的时候不想从空白编辑器开始，拿一条完整构建提示词跑出初稿，在它的骨架上改比从零解释需求给客户看要快。

• ✅ 现有站点局部焕新

  不整站重做，单独取一个着色器背景或动画按钮嵌进现有页面，动效的质感提升比换整套模板轻。

• ✅ 试验视觉方向

  同一个项目复制不同风格的提示词各跑一版，摆在一起比较，比在脑子里想象“这个动效行不行”直观。

常见问题

解答您关于"Scrolltide"的常见疑问，让您更好地使用这款AI工具

• Scrolltide和Framer模板、Webflow模板有什么区别 +

  Framer和Webflow是建站工具，模板是在那个工具里拖拽改的。Scrolltide不提供编辑器，它给的是AI能读的设计指令，粘进Claude或Cursor生成代码，本质上走的是“用AI写代码”这条路。如果你已经在用AI编程工具，它是补在提示词那一环的；如果你想要所见即所得的拖拽建站，它不是那个东西。

• 生成的网站真的“不像AI做的”吗 +

  官方的卖点就是解决AI生成网站千篇一律的问题，靠的是提示词里写死了布局、字体、动效曲线、留白这些AI默认会填成“平均值”的参数。从实际生成逻辑看，它确实比一句“做个高级网站”可控得多。但“不像AI做的”是个很高的标准，最终效果还是取决于你选的模板风格和后续微调，不能保证每条都达到作品集级别。

• 需要会Three.js或GSAP才能用吗 +

  不需要。提示词里已经把动效参数写好了，粘进AI工具生成就行，不用自己啃3D库。但如果你想改效果——比如调滚动触发的距离、换缓动曲线——得能看懂提示词里那些参数大概是什么意思，不需要精通，但完全零基础的话，改起来会比较吃力。

• 适合什么样的站点，不适合什么 +

  适合产品发布页、作品集、创意机构官网这类“视觉本身就是内容”的场景。不适合需要快速加载的后台工具、文档站、内容密集型博客。滚动驱动动画和3D背景在性能上是有代价的，不是所有用户都愿意等一个首屏动画加载完才看到内容。

立即体验“Scrolltide”

Scrolltide是一个动画网站模板和AI提示词库，复制一条提示词丢进Claude或Cursor，就能生成带滚动动效和3D场景的页面。库里有100多个完整构建方案和几十个组件、着色器，免费能试一部分，全部解锁是订阅制，。适合想做电影感落地页但不想啃Three.js的人。