Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with react-three-drei

A curated list of projects in awesome lists tagged with react-three-drei .

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: 15 May 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/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: 24 Oct 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/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/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: 03 Mar 2026

https://github.com/dammafra/hook-a-fish

🥇 First place in Three.js Journey Challenge 019 | A game inspired by childhood memories, where you face a fun, fast-paced fishing challenge against the clock

gamedev rapier react-three-drei react-three-fiber react-three-rapier tailwindcss threejs vercel

Last synced: 28 Apr 2026

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/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/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/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/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: 04 Oct 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: 29 Oct 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: 01 May 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: 02 Sep 2025

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: 29 Oct 2025

https://github.com/juanescacha/portfolio

Portfolio Landing Page with React, Vite, TailwindCSS, Threejs, React Three Fiber, React Router, Emailjs, React Tilt, Framer Motion

emailjs framer-motion javascript nodejs npm portfolio react react-router react-three-drei react-three-fiber react-tilt react-vertical-timeline-component tailwindcss threejs vite

Last synced: 06 May 2025

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: 11 Apr 2026

https://github.com/riachx/spcwby

3D Website for the Santa Cruz based collective Space Cowboy.

react react-three-drei react-three-fiber react-three-postprocessing threejs website

Last synced: 14 Apr 2025

https://github.com/skuong/sokhuong-old-portfolio

Sokhuong's Portfolio 2023 | Creative Coding. Animation with react spring. 3D with threejs and react three fiber

animations cambodia git husky nextjs pnpm prettier react react-spring react-three-drei react-three-fiber remote software-engineering tailwindcss threejs typescript vercel web-developer webgl

Last synced: 10 Jun 2026

https://github.com/sokhuong-uon/sokhuong-old-portfolio

Sokhuong's Portfolio 2023 | Creative Coding. Animation with react spring. 3D with threejs and react three fiber

animations cambodia git husky nextjs pnpm prettier react react-spring react-three-drei react-three-fiber remote software-engineering tailwindcss threejs typescript vercel web-developer webgl

Last synced: 09 Apr 2025

https://github.com/resaki1/taal

Taal is an open-source 3D browser game built with react-three-fiber that aims to combine the strategic depth of games like Anno and Civilization with an infinitely expansive, procedurally generated cubic world.

3d-game-development anno browser-game-engine civilization gaming multiplayer open-source open-world procedural-generation react react-three-drei react-three-fiber simulation strategy-game typescript webgl

Last synced: 14 Apr 2025

https://github.com/axiomecg/r3f-image-cover

Demonstration of image cover effect on Plane in react-three-fiber/three.js

react-three-drei react-three-fiber threejs

Last synced: 27 Apr 2025

https://github.com/petercsipkay/basic-react-three-fiber-boilerplate

A minimal React Three Fiber boilerplate to help you get started with 3D web development. This template includes a basic scene setup with a rotating cube, proper lighting, camera controls, and responsive canvas.

boilerplate boilerplate-template r3f react-three-drei react-three-fiber three-js threejs threejs-boilerplate threejs-template webgl

Last synced: 06 Mar 2026

https://github.com/rustam-tolipov/portfolio-2024

Welcome to my 3D space! It’s a room, it’s a portfolio, and it’s all built with React Three Fiber and Blender. Look around, explore, and maybe even find a few surprises!

context-api portfolio portfolio-website react-three-drei react-three-fiber three-js

Last synced: 11 Apr 2025

https://github.com/rudrodip/sonicrypt-webapp

Official website for Sonicrypt, a device that enhances user experience in crypto transaction in mainstream business

framer-motion nextjs nextjs14 react-three-drei react-three-fiber solana solana-web3js three-js

Last synced: 26 Jul 2025

https://github.com/resaki1/stellar-nomad

Stellar Nomad: An open-source, browser-based space exploration game where players pilot a spaceship, mine resources, and venture through a procedurally generated universe.

browser-game multiplayer open-source react-three-drei react-three-fiber resource-management space-exploration threejs

Last synced: 17 May 2026

https://github.com/thiti-dev/git-3d-garden

A 3d git contribution activities visualized out as the 3d tile set

apollo-client github-api react react-three-drei react-three-fiber tailwind threejs typescript webfontloader

Last synced: 13 Apr 2026

https://github.com/yenilikci/cshow-three-fiber

With React 18.2, a 3D car show scene developed using React Three Fiber is included. Please check the documentation page of PMND to learn more about React Three Fiber. You can support the education source by the YouTube user named Irradiance730.

car-show educational-project extended react-three-drei react-three-fiber react-three-postprocessing react18 threejs

Last synced: 16 Apr 2026

https://github.com/websharkdev/mriya225

Welcome to an exciting journey into the world of AN-225 Mriya, the most colossal aircraft on the planet! Our website, crafted using ThreeJS, React, TypeScript, Zustand, Tailwind, Shadcn-ui, react-three/fiber, and react-three/drei technologies, offers you a unique opportunity to immerse yourself in a virtual exploration of this technical marvel.

react react-three-drei react-three-fiber react-three-postprocessing reactjs shadcn-ui tailwindcss threejs typescript zustand

Last synced: 12 Apr 2026

https://github.com/luketurnbull/threejs-castle

An interactive 3D Castle scene made with Blender, ThreeJS and React

blender canvas css html react react-three-drei react-three-fiber tailwindcss threejs typescript vite webgl zustand

Last synced: 10 Mar 2026

https://github.com/quang-pham-dev/quang-clients-map

An interactive mapping application that showcases my client portfolio and professional journey

3d next15 react-scan react-three-drei react-three-fiber react19 shadcn-ui tailwindcss threejs turbopack vault

Last synced: 13 Feb 2026

https://github.com/evanch98/apple-website-react

Apple Website Clone built with React, JavaScript, Tailwind CSS, Three.js and GSAP.

3d apple-website gsap javascript landing-page react react-three-drei react-three-fiber tailwindcss threejs web-animation

Last synced: 09 Apr 2026

https://github.com/bsanket16/metamask-connect

Connection to MetaMask Wallet with Three.js Button

metamask react-three-drei react-three-fiber threejs vitejs webgl

Last synced: 04 May 2026

https://github.com/calebbenjin/ai-shirt-generator

This is an AI T-Shirt 3D generator build with React + Vite, threeJS, Drei, Valtio, Framer-motion, react-color, tailwindCSS

framer-motion react react-color react-three-drei react-three-fiber tailwindcss threejs valtio vite

Last synced: 02 Apr 2026

https://github.com/sarthak-0-sach/threejs_iphone_website

Developed using ReactJS, ThreeJS and react three fiber, this project is a clone of Apple's iPhone 15 Pro website, built using React.js and TailwindCSS. It showcases advanced animations and 3D model rendering using GSAP (Greensock Animations) and Three.js, giving users an immersive and engaging browsing experience. Happy coding! 😊🚀

3d-model-rendering appealing-visuals gsap-animation iphone-website-clone react-three-drei react-three-fiber reactjs smooth-animations tailwindcss-styling three-js vite-react

Last synced: 11 Apr 2026

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: 20 Jan 2026

https://github.com/arnobt78/modern-iphone-3d-landing-ui-react-frontend

This project is a modern, interactive ReactJS website inspired by the Apple iPhone 15 Pro Max product page. It showcases advanced UI/UX, 3D model integration, smooth animations, and responsive design. The site is built for learning, demonstration, and as a template for high-quality product landing pages.

3d-helper 3d-ui animated-process-indicator gsap gsap-animation gsap-scroll iphone-web-design landing-page modern-ui modern-ui-design react-three-drei react-vite-tailwindcss responsive-design reusable-components sentry-integration three-fiber three-js threejs threejs-learning video-highlight

Last synced: 14 Sep 2025

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: 19 Feb 2026

https://github.com/shahdinsalman23/react-macbookpro

Interactive 3D web animation using React Three Fiber and Tailwind CSS, featuring a fully animated Apple MacBook Pro with scroll and zoom functionality.

3dmodals react-fiber react-three-drei reactjs tailwindcss threejs vite

Last synced: 11 Apr 2026

https://github.com/sachindolase/virtus-innovation-assignment

Build a game using React-three libraries like Fiber, Drei, Rapier, or any other react-three library.

javascript nextjs react react-three-drei react-three-fiber react-three-rapier

Last synced: 11 Apr 2026

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: 04 Feb 2026

https://github.com/pronoia9/fiber-follies

Immerse yourself in a visual feast of stunning Three.js projects showcased as mesmerizing cards in Fiber Follies. From captivating animations to breathtaking 3D scenes, each card invites you to explore the boundless creativity of the digital realm.

3d css javascript leva maath r3f-perf react react-router-dom react-spring react-three-cannon react-three-drei react-three-fiber react-three-postprocessing react-three-rapier three threejs use-gesture vitejs zustand

Last synced: 06 Apr 2026

https://github.com/tcoppex/cljs-r3f-projects

:last_quarter_moon_with_face: A collection of samples using a ClojureScript & React-Three-Fiber stack.

clojurescript react-three-drei react-three-fiber shadow-cljs

Last synced: 14 Jul 2026

https://github.com/tomfanhm/tesla

This project is a small React application showcasing a Tesla Model 3, utilizing the React Three Fiber library for rendering 3D objects. The Tesla car model is enhanced with a bloom effect and custom lighting to provide a visually stunning experience.

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

Last synced: 15 Apr 2026

https://github.com/bontaramsonta/real-visits

small POC for viewing photo spheres

react-three-drei react-three-fiber threejs

Last synced: 16 Apr 2026

https://github.com/andrew-tsegaye/3d_developer_portfolio

Make this jaw-dropping website you own and leave a start!

emailjs gsap portfolio react-three-drei react-three-fiber reactjs threejs

Last synced: 16 Apr 2026

https://github.com/pronoia9/portfolio

Embark on a visual odyssey through the captivating universe of my portfolio. From mesmerizing animations to sleek user interfaces, each project is a testament to creativity, craftsmanship, and innovation. Explore the intersection of design and technology and discover a world where imagination knows no bounds.

emailjs fancybox formik framer-motion framer-motion-3d nextjs progressbar-js react react-countup react-three-drei react-three-fiber smooth-scrollbar-react styled-components swiperjs threejs typedjs vitejs yup zustand

Last synced: 05 Apr 2026

https://github.com/roygitt/2.99d-portfolio

Explore my portfolio with a clean and modern aesthetic, this portfolio showcases my work. Made using reactjs, react-three, framer-motion and tailwind css.

emailjs framer-motion react-three-drei react-three-fiber react-tilt react-vertical-timeline-component reactjs tailwindcss

Last synced: 18 Apr 2026

https://github.com/getfrontend/react-app-iphone

Recreation of the last Apple iPhone website, combining GSAP animations and Three.js 3D effects with cool custom slider.

gsap gsap-animation gsap-scrolltrigger gsap-timeline iphone react react-three-drei react-three-fiber reactjs three-js threejs

Last synced: 01 May 2026

https://github.com/kunal01011/portfolio

🎨 3D Portfolio Website built using React Three Fiber (R3F) to showcase my projects, blogs, and developer journey with interactive 3D visuals and smooth animations. Designed to reflect creativity and tech skills in a unique and immersive way.

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

Last synced: 03 May 2026

https://github.com/iamsebastiandev/calm-before-the-grow

A short game built with React, React Three Fiber & Zustand, that provides a zen like garden building experience.

game game-jam react react-jam react-three-drei react-three-fiber typescript zen-like-game zustand

Last synced: 04 May 2026

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: 11 Mar 2026

https://github.com/aryantomarrr/my-portfolio

A sleek, interactive 3D portfolio showcasing my projects, skills, and experiences — built with React, Three.js, and modern UI design to create an immersive user experience.

porfolio-website react-three-drei react-three-fiber threejs

Last synced: 10 May 2026

https://github.com/pronoia9/dall-elyse

Discover the extraordinary capabilities of DALL-E with DALL-Elyse, a full-stack MERN AI Image Generation App. Witness the fusion of art and technology as this showcase gallery presents awe-inspiring images generated by DALL-E. Explore the boundless possibilities of AI creativity.

cloudinary cors dotenv expressjs file-saver framer-motion fullstack mern-stack mongoose nodemon openai photoswipe react react-router-dom react-three-drei react-three-fiber shaders styled-components vitejs zustand

Last synced: 11 Apr 2026

https://github.com/majid-l/3d-portfolio

A responsive 3D React app featuring Three.js and serving as a portfolio site for my Github projects.

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

Last synced: 03 May 2026

https://github.com/an2n/r3f-jedi-app

A three.js project of a jedi (me) on the death star

react react-three-drei react-three-fiber three-js typescript

Last synced: 12 Apr 2026

https://github.com/muchassak/r3f-vite-boilerplate

Three.js boilerplate for React with TailwindCSS, GSAP, Drei and shadcn/ui ready to go! 3️⃣

gsap r3f react react-three-drei threejs

Last synced: 10 May 2026

https://github.com/trietngo/portfolio-3js

Triet's Portfolio Site. Made with React Three Fiber (R3F) (React + Three.JS), Drei, Leva, and GSAP

leva react react-gsap react-three-drei react-three-fiber three-js

Last synced: 12 Apr 2026

https://github.com/saphalpdyl/parkrr

A 3D parking management web application based on React and Three JS based rendering.

bun hono parking react react-three-drei react-three-fiber saas threejs typescript

Last synced: 11 Apr 2026

https://github.com/tomfanhm/box-art

This project is a small React application that generates colorful 3D box mesh PNG images, utilizing the React Three Fiber library for rendering 3D objects. Users can interactively customize the box mesh instances, adjusting colors and sizes to create visually appealing images.

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

Last synced: 12 Apr 2026

https://github.com/pronoia9/tee-tailor

This dynamic 3D product website allows users to personalize their items with an innovative twist. Witness the magic as the latest AI technologies bring unique designs to life, enabling customers to tailor their products to perfection.

ai cloudinary cors dotenv expressjs fullstack gpt maath mern-stack mongoose nodemon openai react react-color react-three-drei react-three-fiber tailwindcss valtio vitejs

Last synced: 10 Apr 2026

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

3D Portfolio with animated models, using ThreeJS, React, GSAP and TailwindCSS

emailjs gsap react react-three-drei react-three-fiber tailwindcss threejs

Last synced: 09 Apr 2026

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

🧍🏼 First-Person 3d Character controller developed with three.js.

first-person-controller react-three-drei react-three-fiber reactjs threejs

Last synced: 13 Apr 2026

https://github.com/erpix3lt/threejs-data-visualisation

Take on Jer Thorps data visualisation of 138 Years of Popular Science, only in Threejs.

138-years-of-popular-science data-visualization react-three-drei react-three-fiber three-js

Last synced: 12 Mar 2025