enzed/r3f-skills

The root component that creates the WebGL context, scene, camera, and renderer.

All Three.js geometries are available as JSX elements. The args prop passes constructor arguments.

The recommended way to create shader materials in R3F.

The root component that creates the physics world.

The core animation hook in R3F. Runs every frame.

No lighting calculations. Always visible, fast.

The container for all post-processing effects.

Illuminates all objects equally. No direction, no shadows.

The recommended way to load textures in R3F.

The recommended way to load GLTF/GLB models.

R3F provides built-in pointer events on mesh elements.