r3f-perf
triplex
Our great sponsors
r3f-perf | triplex | |
---|---|---|
2 | 1 | |
559 | 706 | |
5.0% | 6.1% | |
4.7 | 9.4 | |
29 days ago | 10 days ago | |
TypeScript | TypeScript | |
MIT License | GNU General Public License v3.0 only |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
r3f-perf
-
Three.js Journey is going React! ⚛️🎉
it's been three years and poimandres has released so many demos, libraries, tools, agencies and real world projects using it, kinda hard to overlook at this point. i get why people were sceptical, it sounded crazy. bruno said it was a tool that he liked in particular that got him to try it https://github.com/utsuboco/r3f-perf of all things 😅 awesome debug tool though.
-
Plain ThreeJS (Inside a React app ) vs react-three-fiber, this is a basic comparison in performance where I added 1000 cubes using the same material and lights in both projects, I know there is a lot of room for improvement like using instancing, but I just wanted it to be very basic and fair.
and instead of stats I used R3f-perf https://github.com/utsuboco/r3f-perf
triplex
What are some alternatives?
react-three-fiber - 🇨🇭 A React renderer for Three.js
react-three-flex - 💪📦 Flexbox for react-three-fiber
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
caroumesh - A React component to display 3D models in a carousel-like fashion
best - :trophy: Delightful Benchmarking & Performance Testing
jongleur - A three.js and react-three fiber animation library for building beautiful landing pages
ThreeReact
component-material - 🧩 Compose modular materials in React
r3f-spotify-game - A music game built with react-three-fiber and the Spotify API
gl-bench - ⏱ WebGL performance monitor with CPU/GPU load.
react-postprocessing - 📬 postprocessing for react-three-fiber