Repolode
提交项目
MengTo

MengTo/threeui

开源、免登录的 Three.js/WebGL 交互式 UI 组件目录，附带实时渲染与完整 React 源码。

在 GitHub 查看官网
Star
6,707
Fork
628
未关闭 Issue
8
最近提交
2个月前

这是什么？

ThreeUI Community 是 ThreeUI 组件目录的开源版本，提供一批基于 WebGL 和 Three.js 的 UI 组件。每个组件都有独立页面，包含实时渲染器、可调节的控件、变体选择器以及实现源码标签页。

目录收录 50 个父组件、111 个路由，共 164 个可浏览结果，涵盖免费变体和单例组件。Pro 与 Beta 组件不包含在内，已收录组件保留全部免费变体和控件。应用本身没有登录或账户功能。

组件同时以 @designcodeio/threeui 发布到 npm，提供共享样式表，并支持按组件路径单独引入。需要渲染完整 HTML 文档的组件依赖根路径下的运行时资源，可从包内复制，或通过属性覆盖地址。

核心功能

  • 01可浏览的交互式 WebGL 与 Three.js UI 组件目录
  • 02每个组件页面提供实时渲染和可调控件
  • 03变体选择器与展示实现代码的源码标签页
  • 04可安装的 React 包，支持按组件路径引入
  • 05响应式布局，支持搜索和主题切换

适用场景

  • 在 React 落地页中加入 WebGL 首屏或背景特效
  • 学习 Three.js UI 组件的结构与编写方式
  • 将组件源码复制到项目中并按需修改

标签

#threejs#webgl#react#ui-components#shaders#creative-coding

常见问题

threeui 是什么？
开源、免登录的 Three.js/WebGL 交互式 UI 组件目录，附带实时渲染与完整 React 源码。 ThreeUI Community 是 ThreeUI 组件目录的开源版本，提供一批基于 WebGL 和 Three.js 的 UI 组件。每个组件都有独立页面，包含实时渲染器、可调节的控件、变体选择器以及实现源码标签页。
threeui 可以免费使用吗？用的什么许可证？
threeui 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
threeui 还在维护吗？
半年内有更新。threeui 最近一次提交是在 2026年9月3日。
threeui 适合用来做什么？
在 React 落地页中加入 WebGL 首屏或背景特效 学习 Three.js UI 组件的结构与编写方式 将组件源码复制到项目中并按需修改
在哪里获取 threeui？
源代码和安装说明在 GitHub 上：https://github.com/MengTo/threeui

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目