Three.js Three.js library library component component

Facet:可复制粘贴的 React Three Fiber 3D 组件(含 MCP / llms.txt) Facet: copy-paste React Three Fiber 3D components (MCP / llms.txt)

30 个可复制进项目的三维组件,Agent 也能按目录装。 30 copy-paste 3D components, with a catalog an agent can install from.

Facet:可复制粘贴的 React Three Fiber 3D 组件(含 MCP / llms.txt) 预览

详细介绍Details

MIT 开源 registry:30 个生产向 R3F 组件(Avatar Maker / Image Particles / Grass Field / Ocean 等),CLI `npx facet3d add …` 把源码拷进仓库;另有 `@facet3d/mcp`、`/llms.txt` 方便 Agent 浏览安装。公开 playground https://assetmaker-nine.vercel.app/ 与 GitHub 已核验;免费开源,非 Pro-only。 MIT open-source registry: 30 production-oriented R3F components (Avatar Maker / Image Particles / Grass Field / Ocean, …). CLI `npx facet3d add …` copies source into your repo; `@facet3d/mcp` and `/llms.txt` help agents browse and install. Public playground https://assetmaker-nine.vercel.app/ and GitHub verified; free/open, not Pro-only.

适合怎么用How to use it

  • Three.js Three.js

    用 Three.js 跑起来的 3D 场景,可改光影与运动。 3D scenes that run on Three.js; lighting and motion can be retuned.

  • library library

    该类型下收录的 ThreeUI Community 免费组件。 Free ThreeUI Community components listed under this type.

  • component component

    该类型下收录的 ThreeUI Community 免费组件。 Free ThreeUI Community components listed under this type.

为什么推荐Why we recommend it 公开 playground 与 GitHub README 均写明 30 组件、copy-paste、Agent MCP;非 ThreeUI Pro。 Public playground and GitHub README both state 30 components, copy-paste, and Agent MCP; not ThreeUI Pro.

核验记录:来源、抓取与截图说明Verification log: sources, checks, and captures

MIT(2026-09-22 gh api)。预览为 Playwright 实拍 playground 首屏裁 3:2。 预览为 Playwright 实拍 playground 首屏裁 3:2。MIT (gh api, 2026-09-22). Preview is a Playwright capture of the playground above the fold cropped to 3:2. Preview is a Playwright capture of the playground above the fold cropped to 3:2.

给 AgentFor the Agent 用 Facet 的 CLI 或 MCP 安装免费组件源码(如 image-particles);改 props 前先在 playground 调好,再拷进项目。 Install free Facet component source via CLI or MCP (e.g. image-particles); tune props in the playground first, then copy into the project.

同类型Same type