React with three.js example
See the demo
Created in response to this question on Stack Overflow.
Using React Hooks
Take a look at VisWithHooks.jsx for the same example implemented using React Hooks.
willbamford / react-with-threejs-example
Licence: other
An example project integrating React with three.js
Stars: ✭ 27
Programming Languages
Projects that are alternatives of or similar to react-with-threejs-example
three-musketeers
A simple module to introspect, debug and test any THREE.js application.
Stars: ✭ 30 (+11.11%)
Mutual labels: threejs, three-js, three
three-csg-ts
CSG library for use with THREE.js
Stars: ✭ 312 (+1055.56%)
Mutual labels: threejs, three-js
lvr
👓 Augmented Reality for everyone - Out of the world experiences
Stars: ✭ 92 (+240.74%)
Mutual labels: threejs, three-js
ng-three-examples
three.js examples in Angular 2
Stars: ✭ 24 (-11.11%)
Mutual labels: threejs, three-js
Patches
Patches is a visual programming editor for building WebVR and WebGL experiences.
Stars: ✭ 164 (+507.41%)
Mutual labels: threejs, three-js
Threejs Sandbox
Set of experiments and extensions to THREE.js.
Stars: ✭ 163 (+503.7%)
Mutual labels: threejs, three-js
generative-art
🌈🎨 Generative Art is the idea realized as genetic code of artificial events, as construction of dynamic complex systems able to generate endless variations. This is also a nuxt-module (@luxdamore/nuxt-canvas-sketch) - [three.js, tensorflow.js and gsap are not included].
Stars: ✭ 41 (+51.85%)
Mutual labels: threejs, three-js
Vanta
Animated 3D backgrounds for your website
Stars: ✭ 1,162 (+4203.7%)
Mutual labels: threejs, three-js
THREE.InfiniteGridHelper
Infinite anti-aliased grid.
Stars: ✭ 101 (+274.07%)
Mutual labels: threejs, three-js
spacesvr
A standardized reality for the future of the 3D Web.
Stars: ✭ 135 (+400%)
Mutual labels: threejs, three
three-vue-pattern
A biofeedback visualization made with Three.js, Vue, and LUIS (cognitive services), made with Brian Holt
Stars: ✭ 97 (+259.26%)
Mutual labels: threejs, three
Three Csgmesh
Conversion of a CSG library for use with modern THREE.js
Stars: ✭ 101 (+274.07%)
Mutual labels: threejs, three-js
Pipes
💿 Classic 3D Pipes screensaver remake (web-based)
Stars: ✭ 176 (+551.85%)
Mutual labels: threejs, three-js
three-platformize
一个让 THREE 平台化的项目，目前已适配微信，淘宝，头条小程序，微信小游戏
Stars: ✭ 418 (+1448.15%)
Mutual labels: threejs, three
EduSmart
It utilizes 3D, Augmented reality to give real-life simulations or feels of various models and make the learning process more impactful and fascinating. With an interactive live feature, students can ask the teacher their doubts instantly and also discuss.
Stars: ✭ 23 (-14.81%)
Mutual labels: threejs, three-js
Three.js Pathtracing Renderer
Real-time PathTracing with global illumination and progressive rendering, all on top of the Three.js WebGL framework. Click here for Live Demo: https://erichlof.github.io/THREE.js-PathTracing-Renderer/Geometry_Showcase.html
Stars: ✭ 872 (+3129.63%)
Mutual labels: threejs, three-js
Solarsys
Realistic Solar System simulation with three.js
Stars: ✭ 49 (+81.48%)
Mutual labels: threejs, three-js
three-js-fundamentals-r3f
Examples from the Three.js Fundamentals website recreated in react-three-fiber renderer.
Stars: ✭ 84 (+211.11%)
Mutual labels: threejs, three-js
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].