gltfjsx

將 glTF 資產轉成 React Three Fiber 可重用 JSX 元件的命令列工具。

  • glTF
前往 gltfjsx 官方網站

這是什麼

gltfjsx 可把 glTF 資產轉成 JSX，讓 React Three Fiber 專案以程式碼使用場景、網格、材質與動畫。

為何推薦

它讓 3D 資產更容易檢視、放置與重用，不必手動重建場景樹。

適合誰

製作 React 3D 介面的前端開發者。

常用情境

  • 為 React Three Fiber 場景準備 glTF 模型
  • 在加入互動前檢查模型節點
  • 將可重用 3D 資產和應用程式碼一起管理

gltfpack

meshoptimizer 提供、用於最佳化 glTF 資產的命令列工具。

  • gltf
  • optimization
  • 3d-assets

Needle Viewer

可在網頁中開啟與檢視 glTF 模型的工具。

  • gltf
  • viewer
  • 3d-assets

21st.dev

收集可作為產品介面起點的元件與實作素材。

  • components
  • react
  • ui