AI & Machine Learning

React Three Fiber

Builds 3D scenes in React with React Three Fiber (R3F), a React renderer for Three.js where meshes, lights and cameras are JSX components. Use when a user asks to add a 3D scene to a React or Next.js site, build a product configurator, load a GLTF model, animate with useFrame, handle click and hover on 3D objects, or speed up a slow R3F scene.

Publisher / source

TerminalSkills Library

Upstream record

TerminalSkills/skills

Version

Version 5

Published

2026-05-06

Publication review

Approved for publication

Content fingerprint

5f9313a0af111047ae947d24fc81287676eb3dca6529583b0c1987c46062383f