ThreeUI

ThreeUI
0 更新于 2026-08-23 15:25

声明:文档由AI生成,仅作参考,最终功能和计费标准以官方为准。

一、产品概述

ThreeUI 是一个基于 Three.js 的交互式 UI 组件与着色器库,提供高质量的 Web 设计模板、3D 着色器、提示词及可定制变体。产品采用框架无关设计,支持复制、粘贴并直接部署使用。ThreeUI 包含社区免费版与 Pro 付费版两个层级,Pro 版本提供完整的私有组件库及 MCP(Model Context Protocol)认证访问权限。

ScreenShot_2026-08-23_144523_731.png

二、产品特色

  • 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:是的。社区版组件及公开源码文档保持永久免费,无需付费会员即可使用。