react-three-fiber

React Three Fiber renderer for json-render. 19 built-in 3D components. Pick the 3D components you need from the standard definitions: All primitives share: position , rotation , scale , castShadow , receiveShadow , material . Reusable Zod schemas for custom 3D catalog definitions: 3D specs use the standard json-render flat element format: Peer dependencies required: - Box -- width, height, depth, material - Sphere -- radius, widthSegments, heightSegments, material - Cylinder -- radiusTop, radiusBottom, height, material - Cone -- radius, height, material - Torus -- radius, tube, material - Plane -- width, height, material - Capsule -- radius, length, material - AmbientLight -- color, intensity - DirectionalLight -- position, color, intensity, castShadow - PointLight -- position, color, intensity, distance, decay - SpotLight -- position, color, intensity, angle, penumbra - Group -- container with position/rotation/scale, supports children - Model -- GLTF/GLB loader via url prop - Environment -- HDRI environment map (preset, background, blur, intensity) - Fog -- linear fog (color, near, far) - GridHelper -- reference grid (size, divisions, color) - Text3D -- SDF text (text, fontSize, color, anchorX, anchorY) - PerspectiveCamera -- camera (position, fov, near, far, makeDefault) - OrbitControls -- orbit controls (enableDamping, enableZoom, autoRotate) - @react-three/fiber >= 8.0.0...