Top 16 JavaScript react-three-fiber Projects

react-three-fiber

• Add a project

• drei

  42 8,454 9.5 JavaScript

  🥉 useful helpers for react-three-fiber

  

  Project mention: Building Your First Browser Game with Three.js and React: Part 2 - Implementing 3D Models | dev.to | 2024-05-10

  Let's start by adding the basketball to our scene. We'll use the useGLTF hook from @react-three/drei to load our model. You can find everything drei has to offer on the github of the project, don't hesitate to go on the documentation if you want more explanation about what we use!

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• react-three-next

  8 2,546 3.7 JavaScript

  React Three Fiber, Threejs, Nextjs starter

  

  Project mention: React Lazy Loading react-three-fiber component | /r/threejs | 2023-12-06

  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.

• react-postprocessing

  5 1,132 6.5 JavaScript

  📬 postprocessing for react-three-fiber

  

• react-three-arjs

  1 174 4.8 JavaScript

  AR.js with react-three-fiber

  

• AutoFocusDOF

  1 144 4.2 JavaScript

  Autofocus DOF component for React Three Fiber

• death-stranding-ui

  1 44 1.8 JavaScript

  Death Stranding UI made in React

• r3f-terrain

  1 36 1.8 JavaScript

  react-three-fiber terrain generator

• react-fp-movement

  2 35 3.2 JavaScript

  Basic scene with geometries and gLTF models to control a character in first person camera

• react-three-fiber-cloth-example

  1 22 0.0 JavaScript

  Port of the three.js cloth example to React Three Fiber

• circuit-rush

  2 19 7.3 JavaScript

  React Three Fiber Racing Game

• Apple-website

  1 14 8.2 JavaScript

  Recreate the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects. From custom animations to animated 3D models, this tutorial covers it all.

  Project mention: Recreating Apple's iPhone 15 Pro Website: A Modern Web Development Showcase | dev.to | 2024-07-02

  git clone https://github.com/syedahmedullah14/Apple-website.git cd Apple-website

• triangular-grid-model-synthesis-3d

  1 7 0.0 JavaScript

  A quick demo of model synthesis on a triangular grid in react three fiber

• portfolio-22

  1 5 3.2 JavaScript

  My 2022 Portfolio

• use-animation

  1 3 1.8 JavaScript

  react hook for reactive animations, powered by rxjs

• thistle

  1 0 1.8 JavaScript

  react-three-fiber 3D horror shooter demo: https://youtu.be/2jMmznMro2E

• you-are-online

  1 0 0.0 JavaScript

  A react-three-fibre website with shaders, animated camera transitions and an animated model.

JavaScript react-three-fiber related posts

• Building Your First Browser Game with Three.js and React: Part 2 - Implementing 3D Models

  2 projects | dev.to | 10 May 2024

• Show HN: 3D Framework for the Web. Built on Svelte and Three.js

  7 projects | news.ycombinator.com | 29 Apr 2024

• figured out an outline shader, heres the code (raymarching)

  1 project | /r/threejs | 11 Dec 2023

• React Lazy Loading react-three-fiber component

  1 project | /r/threejs | 6 Dec 2023

• Cannot render glb file in frontend, instead it showing a black image

  1 project | /r/threejs | 6 Jul 2023

• MeshPortalMaterial component from Drei is magic

  2 projects | /r/threejs | 30 Jun 2023

• Open Source Project Ideas for Three.js?

  1 project | /r/threejs | 3 Apr 2023
• A note from our sponsor - SaaSHub
  www.saashub.com | 4 Dec 2024

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com

Do not miss the trending JavaScript projects with our weekly report!