gltfjsx

A command-line tool that turns glTF assets into reusable JSX components for React Three Fiber.

  • glTF
Visit gltfjsx official site

What it is

gltfjsx converts a glTF asset into JSX so a React Three Fiber project can work with its scene, meshes, materials, and animations as code.

Why it is selected

It makes a 3D asset easier to inspect, place, and reuse in a React codebase without manually rebuilding the scene graph.

Who it suits

Frontend developers building React-based 3D interfaces.

Useful for

  • Preparing a downloaded glTF model for a React Three Fiber scene
  • Inspecting model nodes before adding interaction
  • Keeping a reusable 3D asset beside application code

gltfpack

A command-line optimizer for glTF assets from meshoptimizer.

  • gltf
  • optimization
  • 3d-assets

Needle Viewer

A web viewer for opening and inspecting glTF models.

  • gltf
  • viewer
  • 3d-assets

21st.dev

A component resource for starting product interfaces with reusable implementation ideas.

  • components
  • react
  • ui