React Three Fiber

A React renderer for Three.js, bringing the power of 3D to the React ecosystem.

$ ls --count4236 repositories
Topic:React Three Fiber
Open adrianhajdin/threejs-portfolio details
adrianhajdin/threejs-portfolio
1K
adrianhajdin

from adrianhajdin

A 3D Dev Portfolio 📋 Table of Contents 1. 🤖 Introduction #introduction 2. ⚙️ Tech Stack #tech-stack 3. 🔋 Features #features 4. 🤸 Quick Start #quick-start 5. 🕸️ Snippets Code to Copy #snippets 6. 🔗 Links #links 7....

JavaScript
2024-10-29
Open adrianhajdin/3d-portfolio details
adrianhajdin/3d-portfolio
584
adrianhajdin

from adrianhajdin

Interactive 3D Portfolio Website 📋 Table of Contents 1. 🤖 Introduction #introduction 2. ⚙️ Tech Stack #tech-stack 3. 🔋 Features #features 4. 🤸 Quick Start #quick-start 5. 🔗 Assets & Snippets #links 6. 🚀 More #more...

JavaScript
2025-04-11
Open AndrewPrifer/react-three-editable details
AndrewPrifer/react-three-editable
368
AndrewPrifer

from AndrewPrifer

React Three Editable ⚠️ React Three Editable is now part of Theatre.js and can be found on NPM as @theatre/r3f . The new project is functionally almost the same as this one, just with more features, regular maintenance...

TypeScript
2022-02-15
Open mohitvirli/mohitvirli.github.io details
mohitvirli/mohitvirli.github.io
293
mohitvirli

from mohitvirli

mohitvirli.github.io Hello there! I'm Mohit Virli, frontend engineer by profession, a creative at heart. This is the updated version of my personal website which is now in 3D. LFG! Checkout the live version at Note:...

TypeScript
2026-05-13
Open verekia/manapotion details
verekia/manapotion
249
verekia

from verekia

Mana Potion 🧪 Mana Potion is a toolkit for JavaScript game development and interactive experiences. It is not a game engine or framework but a collection of low-level utilities and helpers commonly needed when building...

TypeScript
2025-11-02
Open VinayMatta63/threejs-portfolio details
VinayMatta63/threejs-portfolio
216
VinayMatta63

from VinayMatta63

Technologies Three.js React.js React-Three-Fiber Blender Details This is a 3D Portfolio made using Three.js and React.js which is a Game-like world where we can walk around and interact with various elements. Various 3D...

TypeScript
2026-05-02
Open ektogamat/r3f-webgpu-starter details
ektogamat/r3f-webgpu-starter
211
ektogamat

from ektogamat

React Three Fiber WebGPU Post Processing by Anderson Mancini A very simple scene to demonstrate how to integrate Threejs WebGPU with React Three Fiber using Post Processing effects. See the demo here Getting Started...

JavaScript
2025-06-24
Open splinetool/r3f-spline details
splinetool/r3f-spline
183
splinetool

from splinetool

r3f-spline r3f-spline is a React hook that lets you use your Spline scene with react-three-fiber. 🌈 Spline is a friendly 3d collaborative design tool for the web. Website — Twitter — Community —...

TypeScript
2022-09-02
Open kenjinp/hello-worlds details
kenjinp/hello-worlds
149
kenjinp

from kenjinp

Hello Worlds 👋🌐 Overview Multi-threaded, CPU-based terrain generation for three.js or react three fiber Warning These libraries are a work in progress. APIs may change unexpectedly until they reach version 1.0. In...

TypeScript
2024-06-24
Open juniorxsound/R3F.Multiplayer details
juniorxsound/R3F.Multiplayer
146
juniorxsound

from juniorxsound

R3F.Multiplayer React three fiber, socket.io boilerplate multiplayer server and client 💻 Getting started Getting started To quickly get started - Clone the repository git clone...

JavaScript
2022-07-11
Open nhtoby311/WaterSurface details
nhtoby311/WaterSurface
137
nhtoby311

from nhtoby311

Interactive Water Surface A React Three Fiber component for water surface with realistic reflections, with additional interactive FX. Installation 1. Make sure you have all dependencies installed first: Import...

TypeScript
2024-04-06
Open chingu-voyages/v43-tier3-team-29 details
chingu-voyages/v43-tier3-team-29
116
chingu-voyages

from chingu-voyages

Portfolio Voyage #43 This awesome portfolio is built with React and Three.js. 😀 User Can - x use navigation and custom cursor to move throught different sections on the website - x see team member's portfolios - x...

JavaScript
2023-05-03
Open httpstersk/three-js-fundamentals-r3f details
httpstersk/three-js-fundamentals-r3f
108
httpstersk

from httpstersk

Three.js Fundamentals R3F Version My journey learning react-three-fiber began by recreating examples from the Three.js Fundamentals website. I reckon it might get handy for someone, so I share the code on GitHub . " 1....

TypeScript
2021-04-17
Open filahf/r3f-spotify-game details
filahf/r3f-spotify-game
90
filahf

from filahf

next-audio-game Demo video » This game was made with the ambition of getting more familiar with 3D content on the web. The game itself draws inspiration from the classic game AudioSurf. A Spotify Premium subscription is...

TypeScript
2022-09-18
Open Giats2498/giats-portfolio details
Giats2498/giats-portfolio
89
Giats2498

from Giats2498

giats.me — Personal Portfolio Website This is the original source code for giats.me, the personal portfolio website of Evangelos Giatsidis . I designed and built this project from scratch using modern web technologies...

JavaScript
2025-06-01
Open exslym/3D-AI-Project details
exslym/3D-AI-Project
66
exslym

from exslym

3D-AI-Project An outstanding and impressive website for 3D t-shirts customizing tools with AI DALL-E using React, 3D-graphics and animations with ThreeJS and Framer Motion, TailwindCSS for styling, and openAI API!...

JavaScript
2025-08-08
Open ITomPoland/portfolio-itom details
ITomPoland/portfolio-itom
66
ITomPoland

from ITomPoland

🎨 ITom Dev Interactive 3D WebGL Portfolio Welcome to the open-source repository of Tomasz "ITom" Szmajda's interactive 3D Web Developer portfolio. This project pushes the limits of modern web technologies by blending...

HTML
2026-04-26
Open fanselau/jongleur details
fanselau/jongleur
65
fanselau

from fanselau

Jongleur German /Jon·g·leur/ Juggler Description Jongleur is a library that serves two purposes. First it introduces a keyframe-based notation think of a timeline editor in blender or video editors to write animations...

TypeScript
2023-06-05
Open unframework/threejs-lightmap-baker details
unframework/threejs-lightmap-baker
62
unframework

from unframework

THIS REPO HAS MOVED All development has moved to Please see that package published as @react-three/lightmap for newer code and documentation. Experimental Lightmap Baker for ThreeJS + react-three-fiber Quick and cheap...

TypeScript
2021-02-13
Open davidjpy/david-portfolio details
davidjpy/david-portfolio
61
davidjpy

from davidjpy

David's Lighthouse The davidlighthouse.com is my portfolio website hosted on Netlify. It's fully responsive and accessible. You can toggle the light mode and dark mode with the slider. :movie camera: Blender Model...

TypeScript
2025-07-07
Open arulandu/3d-ripple-animation details
arulandu/3d-ripple-animation
61
arulandu

from arulandu

Welcome! Hello there! This repository contains the full source code for a 3D Ripple Animation using React, Three.js, and react-three-fiber. This code is meant to complement the following tutorial. If you are interested...

JavaScript
2022-02-11
Open DmitriyGolub/threejs-devtools-mcp details
DmitriyGolub/threejs-devtools-mcp
60
DmitriyGolub

from DmitriyGolub

threejs-devtools-mcp MCP server for inspecting and modifying Three.js scenes in real time — 59 tools for objects, materials, shaders, textures, animations, performance monitoring, memory diagnostics, and code...

TypeScript
2026-04-07
Open shinchancode/3d-react-portfolio details
shinchancode/3d-react-portfolio
56
shinchancode

from shinchancode

3D React Portfolio Personal Portfolio - 3D React Portfolio Created a responsive react website using amazing features of CSS, HTML and Javascript framework React with 3D graphics and animations. I have used ThreeJS 3D...

JavaScript
2025-06-01
Open AT010303/Room_Portfolio details
AT010303/Room_Portfolio
56
AT010303

from AT010303

My Room Portfolio Live: at010303.vercel.app Welcome to my interactive 3D room portfolio! This project showcases a virtual room filled with numerous interactive objects. Click on these objects to engage with them—change...

JavaScript
2024-07-25