产品展示
声明：文档由AI生成，仅作参考，最终功能和计费标准以官方为准。
一、产品概述
ThreeUI 是一个基于 Three.js 的交互式 UI 组件与着色器库，提供高质量的 Web 设计模板、3D 着色器、提示词及可定制变体。产品采用框架无关设计，支持复制、粘贴并直接部署使用。ThreeUI 包含社区免费版与 Pro 付费版两个层级，Pro 版本提供完整的私有组件库及 MCP（Model Context Protocol）认证访问权限。
二、产品特色
-
Three.js 组件与着色器库：提供高质量的 Three.js Hero 组件、3D 着色器、落地页模板及交互式 UI 元素。组件类型涵盖落地页（Landing Pages）、Hero 区域、Three.js 背景、按钮、文本动画、CSS 动效设计、区块及加载动画等。
-
框架无关，即拿即用：采用框架无关设计，组件代码轻量，支持直接复制为提示词使用，无需复杂配置即可部署。
-
MCP 原生集成：为 Pro 用户提供完整的 MCP 服务器接入，支持在 AI 编程客户端中通过认证方式访问完整的 ThreeUI 目录，包括模板、组件、提示词及源代码。MCP 服务基于 Streamable HTTP 与 OAuth 2.1 认证。
-
Pro 私有组件库：Pro 版本包含精选的落地页、Hero 区域、Three.js 组件及变体、动效设计等。Pro 组件源码不发布至 npm，需通过 CLI 工具经 OAuth 认证与服务端权限校验后获取。
-
可定制化变体：每个组件均提供多种风格变体（variants），支持完全自定义。页面内置色板系统，支持 mono、sepia、azure、moss、mauve 五种调色板。
-
商业使用授权：付费计划均包含商业使用授权，可用于个人作品、客户项目及最终产品。
三、收费标准
官方网站已公示付费订阅方案，具体如下：
| 套餐类型 | 价格 | 核心权益 |
|---|---|---|
| Pro 年度版 | $99 / 年 | 年度访问权限；Premium 落地页与 Hero 区域；Premium Three.js 组件及变体；Pro MCP 组件/提示词/源码访问；完整源码、控件与复制工具；商业使用授权；有效期内新 Pro 版本更新；认证私有会员交付 |
| Lifetime 终身版 | $199 / 一次性 | Pro 购买时包含的全部内容；已包含 Pro 组件的 MCP 访问；完整源码、控件与复制工具；商业使用授权；无需续费；永久访问已包含的 Pro 组件库；认证私有会员交付 |
补充说明：
- Pro 年度版首发优惠价为 $99/年，常规价格为 $199/年。
- Lifetime 终身版首发优惠价为 $199/次，常规价格为 $399/次。
- 购买前无需注册账号，结账时 Stripe 仅收集邮箱与支付信息。
- 社区版（Community）组件及公开源码文档保持永久免费。
- Cross Beam 和 Terrain Plume 完整源码保持免费开放。
四、常见问题
Q：购买前需要注册账号吗？
A：不需要。结账流程无需登录，Stripe 仅收集邮箱和支付信息。支付完成后可通过 Google 连接恢复 Pro 访问权限。
Q：哪些组件需要 Pro 版本？
A：ThreeUI Pro 侧边栏中标注的所有内容均需 Pro 版本，包括选定的落地页、Hero 区域、Three.js 组件及变体、动效设计等。
Q：年度版包含哪些内容？
A：年度版首发价 $99/年（常规价 $199/年），包含全部 Pro 组件及经认证的 ThreeUI MCP 访问权限，会员有效期内有效。
Q：终身版意味着什么？
A：终身版首发价 $199/次（常规价 $399/次），一次性支付后永久访问已包含的 Pro 组件库，无需续费。
Q：Pro 组件可以用于商业项目吗？
A：可以。两个付费计划均包含商业使用授权，可用于个人作品、客户项目及最终产品。但禁止将 Pro 源码作为独立模板、组件库或竞品进行转售或再分发。
Q：Pro 组件源码在哪里获取？
A：Pro 组件源码不发布至 npm。付费会员通过公开 CLI 工具（npx @designcodeio/threeui-cli add <组件名>），经浏览器 OAuth 登录后，由服务端校验权限后交付源码。
Q：社区版会一直免费吗？
A：是的。社区版组件及公开源码文档保持永久免费，无需付费会员即可使用。