Projects in Awesome Lists tagged with react-three-fiber

⚠️ 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: 03 Aug 2024

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: 27 Sep 2024

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: 30 Jul 2024

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: 26 Sep 2024

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

a tiny web experiment.

audio-visualizer gsap react-three-fiber threejs webgl

Last synced: 03 Oct 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: 26 Sep 2024

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: 28 Sep 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: 09 Aug 2024

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

🧩 Compose modular materials in React

react react-three-fiber shaders threejs

Last synced: 01 Oct 2024

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: 04 Aug 2024

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: 28 Sep 2024

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: 28 Sep 2024

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: 28 Sep 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: 30 Sep 2024

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

port of @react-three/fiber for solid

react-three-fiber solid solidjs threejs webgl webxr

Last synced: 26 Sep 2024

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: 28 Sep 2024

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: 26 Sep 2024

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

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

earth javascript react react-three-fiber threejs webgl webpack

Last synced: 12 Aug 2024

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: 28 Sep 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: 28 Sep 2024

https://github.com/nhtoby311/WaterSurface

🌊 Interactive Water Surface shader component for React Three Fiber

react-three-fiber webgl

Last synced: 09 Aug 2024

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: 01 Oct 2024

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

Death Stranding UI made in React

react-three-fiber reactjs

Last synced: 01 Oct 2024

https://github.com/gsimone/ombra

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

react react-three-fiber threejs

Last synced: 01 Oct 2024

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

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

Last synced: 01 Oct 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: 20 Aug 2024

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: 01 Oct 2024

https://github.com/tresabhi/stellar

🚀 Professional blueprint editor for Spaceflight Simulator

drei react react-three-fiber threejs typescript zustand

Last synced: 25 Sep 2024

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: 01 Aug 2024

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: 26 Sep 2024

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: 28 Sep 2024

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: 03 Aug 2024

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

A ⚡ react-three-fiber demo ◼️

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

Last synced: 01 Oct 2024

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: 01 Oct 2024

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

🎲🎲🥽 A pretty cool yahtzee game in augmented reality

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

Last synced: 01 Oct 2024

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: 01 Oct 2024

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: 28 Sep 2024

https://github.com/spearwolf/twopoint5d

a library to create 2.5d realtime graphics and pixelart with three.js

creative-coding javascript particles react react-three-fiber sprites threejs typescript webgl

Last synced: 29 Sep 2024

https://github.com/bigmistqke/solid-drei

🥉 useful helpers for @solid-three/fiber

drei react-three-fiber solid solid-js three three-js webgl webxr

Last synced: 26 Sep 2024

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: 29 Jul 2024

https://github.com/artginzburg/stack

Tower stacking game using React Three Fiber (WebGL)

game react-three-fiber

Last synced: 03 Aug 2024

https://github.com/Sp0ne/r3f-simple-mask-move

Simple Experience Three.js with R3F and Mask / Stencil

r3f react react-three-fiber threejs vitejs

Last synced: 29 Jul 2024

https://github.com/bmedicke/aruna

✨🧵 Raspberry Pi based LED strip control (with individual LEDs)

create-react-app docker docker-compose eslint led-control plpgsql postgresql psycopg3 raspberry-pi react react-three-fiber threejs

Last synced: 26 Sep 2024

https://github.com/huuquyet/r3f-gallery

A gallery using Next.js + React Three Fiber + Three.js

nextjs react-three-fiber threejs

Last synced: 01 Oct 2024

https://github.com/wx-chevalier/three.js-notes

Three.js & WebGL 学习与实践笔记

react-three-fiber three three-js threejs

Last synced: 28 Sep 2024

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

Last synced: 28 Sep 2024

https://github.com/abernier/tpl-react-three

r3f repo template

react react-three-drei react-three-fiber threejs vite

Last synced: 01 Oct 2024

https://github.com/joshuaellis/react-three-testing-library

testing library for react-three-fiber modelled closely on the ethos of testing-library

react react-three-fiber testing testing-library threejs webgl

Last synced: 01 Oct 2024

https://github.com/activeguild/react-three-animation

A library supports image animation using react-three-fiber. The target files are APNG and GIFfiles.

animation apng gif react react-three-fiber texture threejs

Last synced: 28 Sep 2024

https://github.com/marty-mcgee/threed-ai

threed-ai: node, chatgpt, apollo graphql, vite, nextjs, react three fiber

graphql next react-three-fiber three threed

Last synced: 01 Oct 2024

https://github.com/rohit-2012/iphone-landingpage

Landing page for iPhone 15, built with React.js, GSAP, and Three.js. Features an interactive 3D iPhone model, sleek animations, and responsive design. Perfect for showcasing product details.

gsap react-three-drei react-three-fiber reactjs tailwindcss three-js

Last synced: 28 Sep 2024

https://github.com/clara-pacheco/my-three-js-journey

A repo for my THREE JS journey from Bruno Simon 🎮🏆🎥

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

Last synced: 26 Sep 2024

https://github.com/phatnguyen1006/PN_Chair_3D

ThreeJS _ ReactThreeFiber

drei lerp react-intersection-observer react-three-fiber reactjs threejs

Last synced: 29 Jul 2024

https://github.com/hotshot003/3d-web-game

Welcome to the 3D-Web-Game project! This immersive 3D web experience is built with React Three Fiber, HTML, CSS, and JavaScript, featuring detailed 3D models, realistic physics, and smooth animations.

3d-game learning-by-doing react react-three-fiber react-three-rapier three-js web3 yarn

Last synced: 27 Sep 2024

https://github.com/hernandez87v/three-js

A few tutorial examples followed to better understand how 🧬📦react-three-fiber works.

3d-graphics firebase firebase-hosting react react-spring react-three-fiber reactjs threejs

Last synced: 29 Jul 2024

https://github.com/importantimport/mixed.lab

A series of incomplete WebXR experiences.

ar react react-three-fiber threejs vr webxr

Last synced: 26 Sep 2024

https://github.com/nadjascodejourney/scrollr3fproject

animated scroll website with R3F and GSAP

gsap parallax-effect react-three-drei react-three-fiber scrollanimation tailwindcss threejs

Last synced: 02 Oct 2024

https://github.com/abernier/_tpl-r3f

react react-three-fiber threejs

Last synced: 01 Oct 2024

https://github.com/manish1803/project-showcase

react react-three-drei react-three-fiber three

Last synced: 27 Sep 2024

https://github.com/stockhuman/cart434

cannon-js energy-consumption react-three-fiber

Last synced: 01 Oct 2024

https://github.com/huuquyet/r3f-magic-cube

Magic Cube built with React Three Fiber + Three.js + Tamagui

expo expo-router magic-cube react-three-fiber tamagui three-js typescript

Last synced: 01 Oct 2024

https://github.com/clevartist/anatolens

An app that teaches you human anatomy (UNDER DEVELOPMENT)

anatomy expo react-native react-three-fiber threejs

Last synced: 27 Sep 2024

https://github.com/pimpadev/house-builder-prototype

Small prototype that allows loading 3D models and editing their parts individually (doors, walls, windows, etc.).

interactive-builder react-three-drei react-three-fiber threejs

Last synced: 27 Sep 2024

https://github.com/adydetra/rusun

3D Rusun (house)

react react-three-fiber threejs

Last synced: 27 Sep 2024

https://github.com/syedanastanweer/pulverize-sphere-react

The gyoroid parameters can be manipulated to create a variety of shapes.

react-three-fiber threejs

Last synced: 27 Sep 2024

https://github.com/trixky/threejs_journey_r3f

My Implementations of each R3F lessons from the Three.js Journey course by Bruno Simon.

bruno-simon r3f react react-three-fiber threejs threejs-journey webgl

Last synced: 27 Sep 2024

https://github.com/berke-bakar/our-solar-system

An interactive app showcasing facts about the planets in our solar system.

nextjs react-three-fiber tailwindcss threejs typescript

Last synced: 27 Sep 2024

https://github.com/devpika/r3f-curve-anim

A React-Three-Fiber app to create animations along a curve

gsap react-three-fiber threejs valtio

Last synced: 27 Sep 2024

https://github.com/andydeux/my-portfolio-website-take

A responsive web portfolio with ReactJS, ThreeJS, Drei, React-Three-Fiber and Styled-Components

portfolio-website react react-native-maps react-three-drei react-three-fiber styled-components three-js webdevelopment website

Last synced: 28 Sep 2024

https://github.com/raaguln/react-threejs

Experimentations on canvas, 2D and 3D with base React, matter.js and Three.js.

matter-js react-three-drei react-three-fiber three-js

Last synced: 28 Sep 2024

https://github.com/sauraverse/3d_portfolio

Built react-based 3d portfolio website using Three.js, framer-motion.. With intuitive & responsive design. Added confetti effect on form submission and what not, to make UX impressive.

emailjs-api framer-motion react react-three-drei react-three-fiber tailwind-css three-js vite

Last synced: 28 Sep 2024

https://github.com/EDRD1/edrd-web-app

Portfolio and CV website.

react react-three-fiber reactjs threejs

Last synced: 29 Jul 2024

https://github.com/jabaere/myportfoliov2

My portfolio

material-ui react react-three-drei react-three-fiber threejs

Last synced: 29 Jul 2024

https://github.com/GeoBrodas/r3f-arcadian

An arcade mini-game built using ThreeJS through React-three-fiber.

r3f react-three-fiber threejs threejs-webgl-game

Last synced: 29 Jul 2024

https://github.com/patrick-s-young/use-spring-cannon-hook-example

React three useSpring cannon hook example

character-animation leva react-three-cannon react-three-fiber use-cannon zustand

Last synced: 29 Jul 2024

https://github.com/ramzia961/better-together-game

Multiplayer game where any number of players must share control of a pawn to meet the level's goal. Implemented in Rust and React + Typescript + Three with clients and the server communicating via gRPC.

grpc react react-three-fiber rust tokio tonic typescript

Last synced: 28 Sep 2024

https://github.com/williamofsweden/daghouz.com

Personal website, built on the Jamstack architecture, using React, Gatsby, TypeScript, Three.js, and Contentful.

atomic-design canvas2d css-modules gatsby glsl jamstack react react-three-fiber threejs typescript webgl2

Last synced: 28 Sep 2024

https://github.com/shohail-dev/fizzi-sodas

A modern,interactive landing page for Fizzi Sodas built using Three.js and React Three Fiber for 3D elements. The content is dynamically managed through Prismic, allowing easy updates and customization. The project showcases advanced animations, smooth scrolling effects, and a vibrant design that captures the brand's lively and refreshing essence.

gsap nextjs prismic react-three-fiber slicemach tailwindcss vercel zusta

Last synced: 26 Sep 2024

https://github.com/satelllte/space

Personal space

personal-website r3f react-three-fiber threejs

Last synced: 26 Sep 2024

https://github.com/ariyanmlzm/threejs-react-inseln

⛵ INSELN is a 3d RPG game project to explore little islands developed with Threejs and React.

3d blender react react-three-drei react-three-fiber rpg-game threejs

Last synced: 26 Sep 2024

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

react-three-drei react-three-fiber reactjs three-js

Last synced: 26 Sep 2024

https://github.com/wewerlive/wesite

Wewer official website

babel eslint husky-hooks mongodb next-auth nextjs nodejs prettier react-three-drei react-three-fiber reactjs tailwindcss typescript webpack website yarn2

Last synced: 27 Sep 2024

https://github.com/pronoia9/flapple

Experience innovation with a twist in Flapple! Dive into the whimsical world of iPhone page design like never before. With Flapple, enjoy the excitement of an Apple product launch without the hassle. It's the app that's a fruit salad for your digital cravings, without breaking the bank!

autoprefixer gsap gsap-react postcss react-three-drei react-three-fiber reactjs sentry sentry-react tailwindcss threejs vitejs

Last synced: 27 Sep 2024

https://github.com/darhkvoyd/jigsaw

🧩 Personal website built using React Three Fibre & Next.js

nextjs portfolio react-three-fiber

Last synced: 01 Oct 2024

https://github.com/nadjascodejourney/portfolio-nadjaprobst

This project aims to develop a personal portfolio that showcases 3D webgraphics and interactive elements using React Three Fiber.

portfolio-website react react-three-fiber threejs

Last synced: 02 Oct 2024