产品概览
什么是Scrolltide？
Scrolltide 提供以设计为导向的提示词和模板，帮助你使用 Claude、Cursor 和 v0 等工具创建动画网站。其资源库涵盖落地页、3D 场景、可复用区块、界面屏幕和着色器背景。Scrolltide 并非替代编程工具，而是提供结构化起点，帮助创作者将视觉构想转化为可定制的网站。
主要功能
电影级网站模板
探索以动效和滚动驱动交互为核心的落地页、首屏区域、作品集和 3D 网站设计。
结构化编程提示词
复制专为 Claude、Cursor 和 v0 设计的提示词，在你偏好的编程工作流中生成并完善网站。
可复用的交互组件
无需从完整页面模板开始，即可添加动画按钮、卡片、轮播、文字特效和 3D 元素。
着色器背景库
将渐变、漩涡和火焰等 GPU 渲染视觉效果用作组件、MP4 视频或静态图片。
页面区块与 UI 界面
使用现成的定价、联系、功能和页脚区块，以及仪表盘和应用界面参考来构建页面。
定期更新资源库
每周五发现全新提示词，并可按类别、框架或视觉风格浏览设计。
使用场景
- 产品发布页 : 利用动画首屏和可复用的营销内容区块，打造视觉鲜明的落地页。
- 创意作品集 : 通过滚动驱动的布局、交互式画廊和 3D 展示元素呈现创意作品。
- 客户网站开发 : 借助精选的设计起点，加快个人和客户网站项目的开发。
- 现有网站升级 : 使用独立动效组件、着色器背景或更多页面区块焕新现有网站。
- 应用 UI 原型设计 : 探索仪表盘、金融、电商和工作空间布局，将其作为应用界面的设计起点。
常见问题
Scrolltide的替代方案
MotionSites
精品Hero区块提示词和动画模板库，让任何人都能在几分钟内构建令人惊叹的专业网站——无需设计技能。
Readdy AI
AI驱动平台，将自然语言描述快速转化为精美、可生产的网站设计与前端代码。
Relume
网站设计平台，可根据项目简报生成网站地图、线框图、风格指南和可复用组件。
Aura
结合AI与直观工具的设计平台，在几秒钟内创建令人惊艳的网站和界面，具备无缝Figma集成和响应式HTML/CSS代码生成功能。
GetLayers
为使用编程助手打造独特网站而生的精选设计图层、Prompt、3D 场景与视频素材库。
TeleportHQ
低代码前端平台，结合 AI 与 Figma，快速创建、协作与部署静态网站和 UI 组件。
HeroUI Pro
220+款生产级、响应式React UI组件合集，基于HeroUI开发，助力Web开发加速，终身免费更新。
AIDesigner
一款文本转 UI 的设计工具，将自然语言提示词转化为生产级网站和应用界面——告别千篇一律的 AI 风格。