The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 15 JavaScript react-three-fiber Projects
-
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.
-
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-fp-movement
Basic scene with geometries and gLTF models to control a character in first person camera
-
triangular-grid-model-synthesis-3d
A quick demo of model synthesis on a triangular grid in react three fiber
-
you-are-online
A react-three-fibre website with shaders, animated camera transitions and an animated model.
-
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.
Project mention: figured out an outline shader, heres the code (raymarching) | /r/threejs | 2023-12-11the shader is here if you want it in vanilla https://github.com/pmndrs/drei/blob/master/src/core/Outlines.tsx though keep in mind it needs some additional work to support skeletons and instances, that's the code in the layout effect.
ps, you can also try https://github.com/pmndrs/react-three-next where we have abstracted this stuff. it gets 100% lighthouse score for performance, accessibility, best practices and seo.
Project mention: Does the 3d in vr feel like a mirror since VR has only one focal length? | /r/virtualreality | 2023-05-09Yea, I mean I do think the technology and computational power exists, but would require current high end hardware that combines eye tracking and something like this link done with webxr. Damn this post has been as thought provoking as the movie Don’t Worry Darling. Seeing is complex… https://github.com/ektogamat/AutoFocusDOF
Here is the GitHub to the deprecated example (https://github.com/nikpundik/react-three-fiber-cloth-example)
Source code: https://github.com/iaruso/circuit-rush Behance: https://www.behance.net/gallery/173450225/Circuit-Rush
JavaScript react-three-fiber related posts
- figured out an outline shader, heres the code (raymarching)
- React Lazy Loading react-three-fiber component
- Cannot render glb file in frontend, instead it showing a black image
- MeshPortalMaterial component from Drei is magic
- Open Source Project Ideas for Three.js?
- Suggestions needed
- How to achieve these controls?
-
A note from our sponsor - WorkOS
workos.com | 26 Apr 2024
Index
What are some of the best open-source react-three-fiber projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | drei | 7,370 |
2 | react-three-next | 2,184 |
3 | react-postprocessing | 1,027 |
4 | react-three-arjs | 158 |
5 | AutoFocusDOF | 139 |
6 | death-stranding-ui | 44 |
7 | r3f-terrain | 32 |
8 | react-fp-movement | 27 |
9 | react-three-fiber-cloth-example | 20 |
10 | circuit-rush | 16 |
11 | triangular-grid-model-synthesis-3d | 7 |
12 | portfolio-22 | 4 |
13 | use-animation | 3 |
14 | thistle | 0 |
15 | you-are-online | 0 |
Sponsored