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
Paessler - Monitor Your Whole Network in Minutes
Waiting weeks for a monitoring rollout isn't an option when infrastructure doesn't stop running. PRTG's auto-discovery scans your network and suggests from over 200 pre-configured sensor types, so you're watching servers, applications and devices within minutes, not after a multi-week deployment. Enterprise-strength monitoring, without the enterprise complexity. Start your free trial today.
Rate This Project
Login To Rate This Project
User Reviews
Be the first to post a review of React Three Fiber!