r3f-perf
Easily monitor your ThreeJS performances. (by utsuboco)
react-three-flex
💪📦 Flexbox for react-three-fiber (by pmndrs)
Our great sponsors
| r3f-perf | react-three-flex | |
|---|---|---|
| 2 | 4 | |
| 554 | 1,602 | |
| 4.2% | 1.6% | |
| 4.7 | 2.6 | |
| 19 days ago | over 1 year ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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
Posts with mentions or reviews of r3f-perf.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-02-17.
-
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
react-three-flex
Posts with mentions or reviews of react-three-flex.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-08-12.
-
magnifiers, refraction and scroll pages
i guess if that were a serious project i would use flexbox https://github.com/pmndrs/react-three-flex
-
How do you go about making a TheeJS experience responsive?
a real responsive with overlap or wrapping and such needs a layout engine. this for instance is based on yoga, an open source flex implementation https://github.com/pmndrs/react-three-flex
-
Ask HN: Frameworks for game-style UI with WebGL?
I think you can do a lot of this with [React-three-fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/intro...) in combination with [React-three-flex](https://github.com/pmndrs/react-three-flex). React-three-fiber lets you make three.js components in react, and react-three-flex will let you do flexbox style layouts to make interesting UIs. You still get all of the capabilities of three.js with a lot of the plumbing done for you. Check out the examples from react-three-flex for some examples close to what it sounds like you want to achieve.
-
How can I create rows of 3D models on a web page?
there is https://github.com/pmndrs/react-three-flex which is a flexbox implementation for threejs. here's a demo site made with it: https://7psew.csb.app but yeah, it's react + threejs 🤷♂️
What are some alternatives?
When comparing r3f-perf and react-three-flex you can also consider the following projects:
react-three-fiber - 🇨🇭 A React renderer for Three.js
r3f-world-with-character - A 3D world with nature objects and a character that can move around using your keyboard. Let the character walk, run or dance.
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
best - :trophy: Delightful Benchmarking & Performance Testing
triplex - ▵ The React Three Fiber visual IDE.
ThreeReact
react-postprocessing - 📬 postprocessing for react-three-fiber
R3F-CRA-Starter - A starter project for React-Three-Fiber bootstrapped with Create-React-App and some useful packages
gl-bench - ⏱ WebGL performance monitor with CPU/GPU load.
component-material - 🧩 Compose modular materials in React
r3f-perf vs react-three-fiber
react-three-flex vs r3f-world-with-character
r3f-perf vs react-intersection-observer
react-three-flex vs react-three-fiber
r3f-perf vs best
react-three-flex vs triplex
r3f-perf vs ThreeReact
react-three-flex vs react-postprocessing
r3f-perf vs triplex
react-three-flex vs R3F-CRA-Starter
r3f-perf vs gl-bench
react-three-flex vs component-material