TECHNOLOGY INDEX / REFERENCEREACT / THREE.JS / 3DREACT 3D RENDERER
REFERENCE / REACT THREE FIBER

React Three Fiber

React Three Fiber is a React renderer for Three.js that expresses scenes, cameras, lights, meshes and interaction through React components.

WHAT IT DOES / 01

THREE.JS OBJECTS.
REACT COMPONENTS.

It connects Three.js objects to React state and composition so a 3D scene can participate in the same component model as the surrounding interface.

KEY CONCEPTS / 02

THE CORE
IDEAS.

  1. 01

    CANVAS ROOT

    Create a Three.js renderer, scene and camera inside a React-managed canvas.

  2. 02

    DECLARATIVE SCENE

    Describe meshes, materials, lights and groups as reusable JSX components.

  3. 03

    FRAME LOOP

    Update animation and interaction against the live Three.js rendering loop.

KEEP EXPLORING / 03

OFFICIAL
RESOURCES.

BACK TO ARCHIVEALL PROJECTS←