react-three-fiber - React Three Fiber 3D Renderer for json-render
Build and render 3D scenes from JSON specifications using React Three Fiber
Tags
Updated: 2026-03-20Capabilities
Typical Inputs
Typical Outputs
What this skill does
- render 3D scenes
- create primitives
- add lights
- load models
- configure camera
- set environment
- define materials
- transform objects
- enable shadows
- add 3D text
- control orbit
- add fog
- create groups
- display grid
Inputs
- JSON spec
- catalog schema
- component definitions
- registry configuration
- 3D model URLs
- HDRI environment presets
- camera settings
- material properties
Outputs
- 3D scene canvas
- mesh elements
- light elements
- model elements
- environment maps
- shadow maps
Requirements
- react ^19.0.0
- @react-three/fiber >= 8.0.0
- @react-three/drei >= 9.0.0
- three >= 0.160.0
- zod ^4.0.0