Download
Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive, and can tap into React's ecosystem. There is no hard dependency on a particular three.js version, it does not wrap or duplicate a single three.js class. It merely expresses three.js in JSX, <mesh /> becomes new THREE.Mesh(), and that happens dynamically. There is no additional overhead. Components participate in a unified render loop outside of React. It outperforms three.js at scale due to React's scheduling abilities.Y ou need to be versed in both React and three.js before rushing into this. If you are unsure about React consult the official React docs, especially the section about hooks.
Features
- Everything that works in three.js will work here without exception
- Make sure you have a basic grasp of three.js
- When you know what a scene is, a camera, mesh, geometry, material, fork the demo
- Look up the JSX elements that you see (mesh, ...), all three.js exports are native to React Three Fiber
- Try changing some values, scroll through our API to see what the various settings and hooks do
- Turns GLTFs into JSX components
Project Samples
Categories
3D RenderingLicense
MIT LicenseFollow React Three Fiber
Other Useful Business Software
Our Free Plans just got better! | Auth0
You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
Rate This Project
Login To Rate This Project
User Reviews
Be the first to post a review of React Three Fiber!