threejs-impl-react-three-fiber

Installation
SKILL.md

threejs-impl-react-three-fiber

Quick Reference

Canvas Component Props

Prop Type Default Purpose
gl Renderer props | (canvas) => Renderer {} WebGL renderer config or factory
camera Camera props | THREE.Camera { fov: 75, near: 0.1, far: 1000, position: [0,0,5] } Default camera
scene Scene props | THREE.Scene {} Scene configuration
shadows boolean | ShadowMapType false Enable shadow maps
raycaster Raycaster props {} Raycaster configuration
frameloop "always" | "demand" | "never" "always" Render loop strategy
resize ResizeOptions { scroll: true, debounce: { scroll: 50, resize: 0 } } Resize behavior
orthographic boolean false Use OrthographicCamera
dpr number | [min, max] [1, 2] Device pixel ratio
linear boolean false Linear color space
flat boolean false Disable tone mapping
Related skills
Installs
9
GitHub Stars
1
First Seen
Apr 1, 2026