跳转到模板

Framewise — AI 产品落地页 HTML 模板

面向 AI 影视工具的 HTML 落地页模板,包含摄影示例、功能介绍和早期体验区。可下载源码及配套提示词;源码使用 Three.js 和 GSAP 效果,产品故事需按自己的业务调整。

技术栈
html
配套提示词
按条目及套餐权益获取

这个设计适合什么场景

适合视觉创作工具:先展示实际产出,再说明控制方式;用自己的证据替换演示结果。

适合哪些项目

适合 AI 影视或视觉创作工具,用成果示例、功能介绍和抢先体验区说明产品。HTML 前端不包含 AI 生成功能或可用的账户服务。

按你的项目修改

使用有权发布的示例,说明产品真实支持的控制项,替换演示陈述,并把抢先体验接到自己的服务。检查 Three.js、GSAP 效果、手机加载和减少动态效果时的替代呈现。

下载包含什么

源码 ZIP 包含 HTML 页面、配套提示词和随包使用说明:

  • index.html
  • PROMPT.md
  • INTERNAL-USE.txt

如何运行与修改

解压 ZIP 后,用本地静态服务器(例如 VS Code Live Server)打开所在目录,再访问 index.html,无需 npm 构建。可编辑 HTML、样式和脚本,也可把 PROMPT.md 用于编程工具。

源码使用的依赖

Tailwind CSS (CDN), Iconify, Three.js, GSAP / ScrollTrigger, Google Fonts

外部样式、脚本、字体和媒体需要联网加载。上线前检查外部服务与统计脚本,替换演示内容,并按需接入自己的表单或后端。

使用前请阅读 INTERNAL-USE.txt 和适用的第三方素材条款。下载不代表获得无限制商用或再分发许可。 服务条款

套餐包含源码下载吗?

无需登录即可浏览模板和体验交互预览。配套提示词、原工程源码和下载按账户及套餐权益获取。

模板标题、描述与预览内容保留原始语言。

阅读设计提示词工作流

可下载源码的网站模板

浏览适合作品集、机构官网和落地页的 HTML、React 网站模板。预览无需登录;源码 ZIP 和可用的配套提示词按套餐解锁。

按项目选择模板

作品集网站模板
按案例展示、图片图库和联系需求,比较设计师与摄影作品集。
创意机构网站模板
设计工作室或创意机构可先查看 Astraform,在一个 HTML 页面中展示项目、服务、团队和流程。
HTML 落地页模板
比较软件、AI 工具与安全产品页面,查看 HTML、CSS、JavaScript 源码,再接入自己的后端。

使用方式

  1. 01浏览在全屏交互预览中探索完整网站。
  2. 02登录使用免费账户,将购买集中保存在一处。
  3. 03解锁选择提示词包或会员,解锁模板后下载源码 ZIP,并使用可用的配套提示词。