Projects in Awesome Lists tagged with react-three-fiber

https://github.com/pmndrs/drei

🥉 useful helpers for react-three-fiber

helpers hooks react react-three-fiber threejs

Last synced: 18 Apr 2025

https://github.com/pmndrs/react-three-next

React Three Fiber, Threejs, Nextjs starter

react react-three-fiber starter tailwind threejs webgl

Last synced: 11 Apr 2025

https://github.com/pmndrs/xr

🤳 VR/AR for react-three-fiber

ar react react-three-fiber vr webxr

Last synced: 23 Apr 2025

https://github.com/pmndrs/react-three-flex

💪📦 Flexbox for react-three-fiber

3d flex flexbox r3f react react-three-fiber three yoga yoga-layout

Last synced: 13 Apr 2025

https://github.com/pmndrs/react-postprocessing

📬 postprocessing for react-three-fiber

3d postprocessing react react-postprocessing react-three-fiber threejs webgl

Last synced: 09 Apr 2025

https://github.com/lakshaybhushan/vecto3d

A super simple tool to convert your SVG's to 3D models.

design nextjs react-three-fiber shadcn-ui svg-3d-converter tailwindcss threejs v0 vercel

Last synced: 09 Apr 2025

https://github.com/trytriplex/triplex

Build the 2D and 3D web without coding. Your visual workspace for React / Three Fiber.

react react-three-fiber threejs visual-studio-code webxr

Last synced: 14 Apr 2025

https://github.com/adrianhajdin/threejs-portfolio

Learn how to build 3D websites from scratch with the Three.js Crash Course. It's a fun and practical way to create a portfolio that really pops!

portfolio react-three-drei react-three-fiber threejs

Last synced: 14 Apr 2025

https://github.com/14islands/r3f-scroll-rig

A react-three-fiber scroll-rig for syncing 3D meshes and DOM elements.

lenis react-three-fiber smoothscroll

Last synced: 13 Apr 2025

https://github.com/pmndrs/react-three-a11y

♿️ Accessibility tools for React Three Fiber

a11y accessibility react-three-fiber reactjs threejs

Last synced: 08 Apr 2025

https://github.com/AndrewPrifer/react-three-editable

⚠️ Moved! See @theatre/r3f and the theatre-js/theatre repo for the new version with animation tools! Link below 👇 Edit your react-three-fiber scene with a visual editor without giving up control over your code.

3d editor react react-three-fiber threejs webgl

Last synced: 14 Nov 2024

https://github.com/instructa/viber3d

A modern starter kit for 3D browser games powered by r3f and threejs -

3d-browser 3d-games ai-builder r3f react-three-fiber three threejs viber3d

Last synced: 10 Mar 2025

https://github.com/ertugrulcetin/racing-game-cljs

A 3D racing game built with ClojureScript, React and ThreeJS

clojure clojurescript react react-three-fiber threejs

Last synced: 12 Apr 2025

https://github.com/verekia/manapotion

🧪 Mana Potion – Toolkit for JavaScript game development and interactive experiences (React, Vue, Svelte, vanilla)

ecs gamedev r3f react react-js react-three-fiber svelte sveltejs three-js threejs threlte tresjs vue vuejs web-game-dev

Last synced: 04 Apr 2025

https://github.com/poeti8/unknown-pleasures

a tiny web experiment.

audio-visualizer gsap react-three-fiber threejs webgl

Last synced: 26 Feb 2025

https://github.com/ektogamat/r3f-ultimate-lens-flare

Ultimate Lens Flare Post Processing Effect for @react-post-processing

lensflare react react-postprocessing react-three-fiber threejs

Last synced: 16 Mar 2025

https://github.com/artcom/react-three-arjs

AR.js with react-three-fiber

arjs react react-three-fiber threejs

Last synced: 06 Apr 2025

https://github.com/fasani/three-js-resources

A collection of resources for building 3D projects with three.js

3d 3d-graphics 3d-models javascript react-three-fiber resources three-js threejs tools tutorials

Last synced: 19 Dec 2024

https://github.com/musehq/spacesvr

A standardized reality for the future of the 3D Web.

js react react-three-fiber three threejs vr webvr webxr xr

Last synced: 13 Apr 2025

https://github.com/Fasani/three-js-resources

A collection of resources for building 3D projects with three.js

3d 3d-graphics 3d-models javascript react-three-fiber resources three-js threejs tools tutorials

Last synced: 21 Nov 2024

https://github.com/ektogamat/threejs-holographic-material

A simple to use holographic material for React Three Fiber

hologram holographic holography react-three-fiber threejs

Last synced: 18 Nov 2024

https://github.com/craftzdog/ghibli-style-shader

Ghibli-styled Shader Example for Three.js

ghibli react react-three-fiber threejs

Last synced: 16 Mar 2025

https://github.com/FunTechInc/use-shader-fx

⚡️ More FXs, Less GLSL

glsl glsl-shader helpers hooks react react-three-fiber threejs webgl

Last synced: 29 Nov 2024

https://github.com/funtechinc/use-shader-fx

⚡️ More FXs, Less GLSL

glsl glsl-shader helpers hooks react react-three-fiber threejs webgl

Last synced: 07 Apr 2025

https://github.com/pmndrs/component-material

🧩 Compose modular materials in React

react react-three-fiber shaders threejs

Last synced: 26 Jan 2025

https://github.com/moonraker22/my-three-js-journey

A repo for my THREE JS journey from Bruno Simon 🍔

3d glsl glsl-shader javascript react-three-drei react-three-fiber three-js threejs webgl webxr

Last synced: 10 Feb 2025

https://github.com/ektogamat/fake-glow-material-r3f

A fake glow material for react three fiber.

glow glsl-shaders react-three-fiber threejs

Last synced: 05 Apr 2025

https://github.com/rajput-hemant/threejs-journey

Three.js Journey - Practice projects w/ source-code for Three.js course by Bruno Simon

3d 3d-web bruno-simon r3f react-three-drei react-three-fiber three-js threejs threejs-journey vitejs webgl

Last synced: 11 Apr 2025

https://github.com/jonarnold/react-threejs-good-cheap-fast

An experiment combining React and 3D

blender react react-spring react-three-fiber three-js

Last synced: 14 Feb 2025

https://github.com/verekia/webgamedev

🌐🎮🧑‍💻 Web Game Dev – Learn how to make games with web technologies

3d babylonjs gamedev guide html5-game javascript-game react react-three-fiber resources threejs tutorial webgl

Last synced: 05 Apr 2025

https://github.com/ektogamat/autofocusdof

Autofocus DOF component for React Three Fiber

components react react-three-fiber threejs

Last synced: 16 Mar 2025

https://github.com/solidjs-community/solid-three

port of @react-three/fiber for solid

react-three-fiber solid solidjs threejs webgl webxr

Last synced: 09 Apr 2025

https://github.com/kenjinp/hello-worlds

Virtual javascript worlds at planetary scales for your threejs or react-three-fiber scene 👋🌐

game-development graphics procedural-generation react react-three-fiber threejs typescript

Last synced: 12 Apr 2025

https://github.com/emmelleppi/codrops-r3f-mirrors

Creating mirrors in react-three-fiber & threejs

cannonjs drei javascript react react-three-fiber reactjs three-js threejs

Last synced: 19 Dec 2024

https://github.com/juniorxsound/r3f.multiplayer

Small React three fiber multiplayer template 🎮

3d computer-graphics express multiplayer r3f react-three-fiber socket-io threejs vite webgl

Last synced: 11 Nov 2024

https://github.com/pmndrs/react-three-lightmap

In-browser lightmap/AO baker for react-three-fiber and ThreeJS

ambient-occlusion ao ao-baker lightmap lightmap-baker r3f react react-three-fiber threejs

Last synced: 10 Jan 2025

https://github.com/adrianhajdin/3d-portfolio

Build a visually captivating 3D portfolio with React.js and Three.js! Learn to combine interactive 3D graphics and smooth web performance to showcase your skills in an engaging way.

3d-portfolio react-three-fiber reactjs threejs

Last synced: 19 Apr 2025

https://github.com/whatisjery/react-fluid-distortion

Post-processing fluid distortion effects in response to cursor interactions for React-Three-Fiber.

fluid glsl react react-three-fiber shaders three-js webgl

Last synced: 04 Apr 2025

https://github.com/chingu-voyages/v43-tier3-team-29

This awesome 3D portfolio is built with React and Three.js 💫 | Voyage-43 | https://chingu.io/ | Twitter: https://twitter.com/ChinguCollabs

3d-website chingu framer-motion react react-three-drei react-three-fiber theatre theatrejs three-js threejs

Last synced: 09 Feb 2025

https://github.com/httpstersk/three-js-fundamentals-r3f

Examples from the Three.js Fundamentals website recreated in react-three-fiber renderer.

r3f react-three-fiber three-js threejs

Last synced: 14 Feb 2025

https://github.com/flowers1225/threejs-earth

基于react-three-fiber绘制的地球

earth javascript react react-three-fiber threejs webgl webpack

Last synced: 02 Dec 2024

https://github.com/ektogamat/r3f-confetti-component

Easy to use Confetti component for React Three Fiber

confetti react react-components react-three-fiber threejs

Last synced: 16 Mar 2025

https://github.com/splinetool/r3f-spline

Hook to load Spline scenes into react-three-fiber

react react-three-fiber

Last synced: 21 Apr 2025

https://github.com/components-ai/typefaces

Collection of Google fonts as typeface data for usage with three.js, react-three-fiber, and other tools.

fonts google-fonts react-three-fiber threejs typography

Last synced: 14 Feb 2025

https://github.com/nhtoby311/WaterSurface

🌊 Interactive Water Surface shader component for React Three Fiber

react-three-fiber webgl

Last synced: 29 Nov 2024

https://github.com/kenjinp/terrain-synth

Terrain generation tool, using real-earth data and deep learning techniques

deep-learning deep-neural-networks game-development gan procedural-generation react react-three-fiber terrain-generation three-js threejs typescript

Last synced: 14 Feb 2025

https://github.com/bfollington/bf-3

my personal site, bf.wtf version 3

nextjs react react-three-fiber stitches threejs

Last synced: 17 Mar 2025

https://github.com/unframework/threejs-lightmap-baker

Experimental in-browser lightmap baker (ThreeJS, react-three-fiber)

lightmap lightmap-baking react react-three-fiber threejs

Last synced: 26 Jan 2025

https://github.com/louis3797/r3f-world-with-character

A 3D world with nature objects and a character that can move around using your keyboard. Let the character walk, run or dance.

3d character-movement react react-three-drei react-three-fiber tailwindcss third-person third-person-character-controller three-js threejs

Last synced: 07 Apr 2025

https://github.com/exslym/3d-ai-project

AI-Powered 3D-model customization app (DALL-E 2) on React, Framer Motion, ThreeJS and TailwindCSS

dall-e framer-motion gh-pages openai react react-three-drei react-three-fiber sass tailwindcss threejs valtio vite-plugin-image-optimizer vitejs

Last synced: 10 Apr 2025

https://github.com/notrabs/use-ammojs

ammo.js physics for use with react-three-fiber

ammojs physics react react-three-fiber threejs wasm webworker

Last synced: 17 Feb 2025

https://github.com/flagrede/death-stranding-ui

Death Stranding UI made in React

react-three-fiber reactjs

Last synced: 15 Apr 2025

https://github.com/emmelleppi/r3f-liquid-bottle

Liquid shader with refraction using threejs and react-three-fiber

drei javascript r3f react-three-fiber reactjs three-js threejs

Last synced: 15 Apr 2025

https://github.com/ektogamat/r3f-confetti-component-v2

A very performant confetti component for react three fiber using instanced meshes with shadow support

confetti react-three-fiber three-js

Last synced: 14 Feb 2025

https://github.com/gsimone/ombra

🔲 A collection of shader-related utilities for react-three-fiber

react react-three-fiber threejs

Last synced: 15 Apr 2025

https://github.com/mozzius/r3f-terrain

react-three-fiber terrain generator

react-three-fiber terrain-generator

Last synced: 17 Mar 2025

https://github.com/setsun/react-model-viewer

3D model viewer / animation player in React & Three.js

3d animation react react-three-fiber threejs webgl

Last synced: 19 Nov 2024

https://github.com/nargaw/shaderdaily

Daily GLSL Shaders! @shader_daily on Twitter.

glsl glsl-shaders react-three-fiber reactjs shaders three-js

Last synced: 12 Dec 2024

https://github.com/wass08/r3f-ultimate-character-configurator

React Three Fiber 3D Avatar Builder Tutorial

r3f react-three-fiber threejs webgl

Last synced: 15 Apr 2025

https://github.com/cynthiachiu/3d-art-gallery

An interactive, 3D art gallery featuring paintings and sketchings that I have done over the past while. This is a React-based application that leverages React-Three-Fiber to render my art in 3D with moving spotlights, smooth horizontal scrolling, interactive mouse movement, realistic lighting with shadows, and postprocessing to add effects to the scene including noise and filters.

3d art gallery horizontal-scrolling light mouse-movement react react-three-drei react-three-fiber shadows spotlight

Last synced: 19 Apr 2025

https://github.com/ektogamat/mesh-transition-material

A custom threejs material that creates a transition effect on color change

react react-three-fiber threejs

Last synced: 23 Apr 2025

https://github.com/jgcarrillo/react-fp-movement

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

javascript react-three-cannon react-three-drei react-three-fiber reactjs threejs

Last synced: 30 Nov 2024

https://github.com/emmelleppi/corona-game

coronavirus game game-dev react react-three-fiber three-js threejs

Last synced: 15 Apr 2025

https://github.com/mehedih/m3tamorphosis

3D Spotify player w/ Next.js, Three.js, and Spotify Web Playback SDK.

nextjs react react-three-fiber reactjs spotify spotify-web-api

Last synced: 10 Apr 2025

https://github.com/cynthiachiu/3D-Art-Gallery

An interactive, 3D art gallery featuring paintings and sketchings that I have done over the past while. This is a React-based application that leverages React-Three-Fiber to render my art in 3D with moving spotlights, smooth horizontal scrolling, interactive mouse movement, realistic lighting with shadows, and postprocessing to add effects to the scene including noise and filters.

3d art gallery horizontal-scrolling light mouse-movement react react-three-drei react-three-fiber shadows spotlight

Last synced: 17 Apr 2025

https://github.com/slorber/react-three-fiber-journey

Three.js Journey implemented with React-Three-Fiber

react react-three-fiber reactjs three three-js threejs threejs-example threejs-learning webgl

Last synced: 09 Mar 2025

https://github.com/httpstersk/kinetic-typography-playground

The starter template for Kinetic Typography Experiments

leva r3f react-three-fiber threejs typography

Last synced: 14 Apr 2025

https://github.com/exslym/my-portfolio-3d

3D Dev Portfolio - very impressive website with 3D graphics and animations (React, ThreeJS, TailwindCSS)

3d-graphics animations emailjs framer-motion javascript maath react react-three-drei react-three-fiber react-tilt react-vertical-timeline-component reactjs tailwindcss threejs

Last synced: 10 Apr 2025

https://github.com/ektogamat/christmas-threejs

A christmas scene created with three.js, react three fiber, gaussian splatting and blockade labs with lots of shaders.

christmas gaussian-splatting r3f react-three-fiber three-js threejs

Last synced: 13 Apr 2025

https://github.com/bfollington/use-spritesheet

Bringing spritesheets and aseprite intergration to react-three-fiber

aseprite react react-three-fiber spritesheet threejs

Last synced: 17 Mar 2025

https://github.com/tresabhi/stellar

🚀 Professional blueprint editor for Spaceflight Simulator

drei react react-three-fiber threejs typescript zustand

Last synced: 17 Jan 2025

https://github.com/louis3797/wikipedia-graph

Graphically display the connections between different Wikipedia articles

force-directed-graphs react react-three-fiber reactjs three-js threejs typescript wikipedia wikipedia-api wikipedia-scraper

Last synced: 07 Apr 2025

https://github.com/sawa-zen/three-fiber-webxr-toolbox

This toolset provides useful components for creating xr content with react-three-fiber.

react-three-fiber threejs webxr

Last synced: 09 Feb 2025

https://github.com/pachoclo/vite-r3f-ts-template

React Three Fiber (R3F) + Vite + TypeScript Template

r3f react react-three-fiber starter-template template typescript vite

Last synced: 16 Mar 2025

https://github.com/nikpundik/react-three-fiber-cloth-example

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

cloth-simulation react react-three-fiber threejs webgl

Last synced: 06 Apr 2025

https://github.com/binaryage/cljs-react-three-fiber

ClojureScript port of react-three-fiber/examples.

cljs react react-three-fiber shadow-cljs three-js

Last synced: 12 Apr 2025

https://github.com/emmelleppi/r3f-mirrors

A ⚡ react-three-fiber demo ◼️

javascript r3f react react-three-fiber reactjs three-js threejs

Last synced: 15 Apr 2025

https://github.com/unframework/threejs-crt-shader

Experiment: rendering custom canvas contents in a simulated 3D CRT monitor

canvas crt-monitor konva konva-react react react-three-fiber webgl

Last synced: 15 Apr 2025

https://github.com/codyjasonbennett/device-models

🎨 A Figma plugin to create mockups with 3D device models.

3d figma plugin react react-spring react-three-fiber threejs

Last synced: 15 Apr 2025

https://github.com/thisistheplace/dash-wtgviewer

Wind turbine generator foundation viewer developed as a Plotly Dash Component

3d 3d-graphics 3d-models dash flask leaflet leafletjs offshore-wind plotly-dash pydantic python react-three-drei react-three-fiber threejs

Last synced: 16 Apr 2025

https://github.com/platane/yar-htzee

🎲🎲🥽 A pretty cool yahtzee game in augmented reality

8thwall augmented-reality game react-three-fiber yatzy

Last synced: 16 Apr 2025

https://github.com/michaelkolesidis/cherry-charm

An online 3D slot machine game.

3d-game casino casino-game casino-games fruit-machine gambling gambling-game gambling-games igaming javascript react react-game react-three-fiber reels slot-machine slot-machine-game slot-machine-js spin threejs-game typescript

Last synced: 11 Jan 2025

https://github.com/vasturiano/r3f-forcegraph

Force-directed graph as a React Three Fiber component

3d data-visualization force-directed-graphs react-three-fiber threejs webgl

Last synced: 13 Apr 2025

https://github.com/devhoangkien/shop-model-3d

shop-model-3d with react-three-fiber , drei, MERN

drei ecommerce mern model react-three-fiber threejs web-3d-viewer

Last synced: 12 Apr 2025

https://github.com/andrew-tsegaye/stunning_3d_portfolio_website

This project aims to provide an immersive and visually striking portfolio website using cutting-edge technologies. Whether you're a designer, developer, or creative professional, this portfolio template will leave a lasting impression on your visitors.

framer-motion react-three-fiber tailwindcss threejs vite

Last synced: 25 Jan 2025

https://github.com/syedahmedullah14/apple-website

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.

greensock gsap html5 react react-three-drei react-three-fiber tailwindcss three-js vite-react

Last synced: 14 Feb 2025

https://github.com/fasani/r3f-boilerplate

A lightweight boilerplate for r3f (react-three-fiber)

3d javascript react react-three-fiber threejs webpack4

Last synced: 15 Apr 2025

https://github.com/kevinomyonga/r3f-cra-starter

A starter project for React-Three-Fiber bootstrapped with Create-React-App and some useful packages

react react-three-drei react-three-fiber starter-project threejs

Last synced: 23 Mar 2025

https://github.com/captain-woof/threejs-tutorial-2022

Source code for my Three.js, React Three Fiber, React Three Drei Tutorial (2022) series.

react-three-drei react-three-fiber three-js threejs tutorial tutorial-code tutorial-sourcecode

Last synced: 14 Apr 2025

https://github.com/satelllte/r3f-gravity-ball

Simple game with @react-three/fiber

casual-game game nextjs nextjs-game react-game react-games react-three-cannon react-three-drei react-three-fiber three three-js threejs use-cannon

Last synced: 19 Mar 2025

https://github.com/alexandernanberg/sandbox

🕹️ Game development sandbox

react react-three-fiber threejs

Last synced: 09 Apr 2025

https://github.com/0xpolarzero/metaverse

This experiment is an example of 3D Audio integration in a virtual world on the Web.

3d-audio ambisonics immersive-audio javascript metaverse rapier react-three-drei react-three-fiber spatial-audio threejs virtual-space web3

Last synced: 30 Mar 2025

https://github.com/renovatt/portfolio

Meu portfolio - Next14

aos-animation gsap nextjs nextjs13 react-hook-form react-three-drei react-three-fiber tawilwind three-js threejs typescript zod zustand

Last synced: 10 Nov 2024

https://github.com/vectreal/vectreal-platform

Vectreal Core is a robust, community-driven, open-source toolkit designed to seamlessly integrate high-performance 3D content into React-based projects.

docker glb gltf model-viewer nx nx-workspace obj react react-three-drei react-three-fiber reactjs three-js threejs usdz web-renderer

Last synced: 20 Mar 2025

https://github.com/vectreal/vectreal-core

Vectreal Core is a robust, community-driven, open-source toolkit designed to seamlessly integrate high-performance 3D content into React-based projects.

docker glb gltf model-viewer nx nx-workspace obj react react-three-drei react-three-fiber reactjs three-js threejs usdz web-renderer