声明:文档由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 组件库;认证私有会员交付 |
补充说明:
A:不需要。结账流程无需登录,Stripe 仅收集邮箱和支付信息。支付完成后可通过 Google 连接恢复 Pro 访问权限。
A:ThreeUI Pro 侧边栏中标注的所有内容均需 Pro 版本,包括选定的落地页、Hero 区域、Three.js 组件及变体、动效设计等。
A:年度版首发价 $99/年(常规价 $199/年),包含全部 Pro 组件及经认证的 ThreeUI MCP 访问权限,会员有效期内有效。
A:终身版首发价 $199/次(常规价 $399/次),一次性支付后永久访问已包含的 Pro 组件库,无需续费。
A:可以。两个付费计划均包含商业使用授权,可用于个人作品、客户项目及最终产品。但禁止将 Pro 源码作为独立模板、组件库或竞品进行转售或再分发。
A:Pro 组件源码不发布至 npm。付费会员通过公开 CLI 工具(npx @designcodeio/threeui-cli add <组件名>),经浏览器 OAuth 登录后,由服务端校验权限后交付源码。
A:是的。社区版组件及公开源码文档保持永久免费,无需付费会员即可使用。