React three fiber playground

Tech stack

• Vite - boilerplate, dev environment (React with TypeScript and SWC)
• React Three Fiber - React renderer for three.js.
• Drei - R3F helpers
• gltfjsx - used the CLI to convert gltf 3d model to a TypeScript react component

Getting setup

npm install

Running the project

npm run dev

View the project at http://127.0.0.1:5173/

Useful links

https://docs.pmnd.rs/react-three-fiber/getting-started/introduction https://github.com/pmndrs/gltfjsx

Drei - threejs component helpers https://github.com/pmndrs/drei https://drei.pmnd.rs/

Free gltf 3D models https://polyhaven.com/ https://sketchfab.com/

Debug GUI https://github.com/pmndrs/leva https://leva.pmnd.rs/?path=/story/inputs-number--step