The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
React-three-fiber Alternatives
Similar projects and alternatives to react-three-fiber
-
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
BabylonJS
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
-
-
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
-
framer/motion
Open source, production-ready animation and gesture library for React
-
-
-
-
wasm-bindgen
Facilitating high-level interactions between Wasm modules and JavaScript
-
react-native
A framework for building native applications using React
-
-
-
Skia
Skia is a complete 2D graphic library for drawing Text, Geometries, and Images.
-
-
racing-game
🏎 Open source racing game developed by everyone willing
-
reanimate
Haskell library for building declarative animations based on SVG graphics
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
react-three-fiber reviews and mentions
-
Suggestions needed
there's a whole eco system around three in react and next. it starts with react-three-fiber, drei has tons of helpers, and then there's three-next for when you need 100% lighthouse, persisting canvas across routes etc.
-
Built a new splash page at the beginning of the year. Used the opportunity to experiment with react-three-fiber.
I picked the stack I did to expand upon my skill set. In particular, I wanted to brush up on react-three-fiber, react-spring & drei.
-
My own collection so far :)
I think the easiest for you would be to get into this through web development try this https://github.com/pmndrs/react-three-fiber coupled with this https://github.com/pmndrs/react-xr But don't expect super beautiful graphic from this, it's abstraction over three.js library which is abstraction over webgl standard which implements OpenGL ES 2.0 which is 7 years old graphics standard targeted to mobile devices with not much power. Or you can experiment with unity (unity XR) or unreal engine which are harder to learn but produce better graphics.
-
Why react?
On the technical side, the ability to have pluggable renderers has been very useful for us. We never would have considered 3D without react-three-fiber. Building cli applications with react-ink is pretty cool.
-
3D Product Card With ReactJS
Then, we need to install the dependencies that we will use in this project. We will use Three.js library, @react-three/fiber and @react-three/drei.
- Silly question, but javascript is a real programming language isn't it?
-
I built this super nice looking hero section with three/fiber in next.js. I love how easy it was to get such a result.
It’s a good combination, react-three-fiber expresses three in react, react-three-next makes for a good starting template for common issues like persisting canvas between routes. And Vercel is funding both pmndrs and r3f.
-
Reanimate: Haskell library for building declarative animations from SVG graphics
Yeah, I wish this project had a React component backend.
D3.js and Observable Plot don't work that well with modern reactive frontend frameworks either though. They don't diff the SVG tree. The recommended way to react to some data change is to rebuild the whole SVG in a useEffect [1], when in fact you could just have a reactive SVG tree [2]. You just have to unpack and recode what would D3 do (see the case about Axis in the last link). Using enter(), update() and exit() seems to no longer be the way to do things. Also, React components offers great composability to the programmer.
I wish there was a maintained React version of Observable Plot; just like what React-Three-Fiber [3] does with Three.js. Or maybe a version of this Reanimate lib into a React component.
[1] https://github.com/observablehq/plot-create-react-app-exampl...
-
I would like to focus more on using threejs and blender to develop 3D experiences; how should I improve my portfolio site? Thanks for the advice!
https://github.com/pmndrs/react-three-fiber in combination with https://github.com/pmndrs/gltfjsx will give you a better experience. https://github.com/pmndrs/drei contains tons of components that would improve the visual look.
-
Created an interactive app of a damped pendulum and the phase portrait.
Thanks! I love reactive, declarative programming, so I used React Three Fiber to draw the pendulum and graph. The integration method is RK4.
-
A note from our sponsor - WorkOS
workos.com | 29 Mar 2024
Stats
pmndrs/react-three-fiber is an open source project licensed under MIT License which is an OSI approved license.
The primary programming language of react-three-fiber is TypeScript.
Popular Comparisons
- react-three-fiber VS drei
- react-three-fiber VS BabylonJS
- react-three-fiber VS THREE.MeshLine
- react-three-fiber VS Next.js
- react-three-fiber VS framer/motion
- react-three-fiber VS three.js
- react-three-fiber VS wasm-bindgen
- react-three-fiber VS react-xr
- react-three-fiber VS use-cannon
- react-three-fiber VS A-Frame