React Three Fiber Courses and Certifications

Wrong Akram

React & Three.js - Building Interactive Minecraft Chest Model with React Three Fiber

Build an interactive Minecraft chest scene, importing a model and adding a toggle with React Three Fiber.

• YouTube
• 23 minutes
• Self-Paced
• Free Video

Wrong Akram

React and Three.js - Working with Shaders Using React Three Fiber

Build a wave-motion image effect by writing shaders in a React Three Fiber scene.

• YouTube
• 36 minutes
• Self-Paced
• Free Video

Coding Tech

How to Add 3D Models to Website Using React Three Fiber

Build a React Three Fiber globe that tracks nearby aircraft with 3D models, geolocation, live OpenSky data, and interactive animation.

• YouTube
• 1 hour 7 minutes
• Self-Paced
• Free Video

Conf42

3D-fying Websites Using React Three Fiber - From Setup to Deployment

Master the fundamentals of React Three Fiber (R3F) and Three.js to create immersive 3D web experiences, from basic scene setup to advanced animations, lighting, and model integration.

• YouTube
• 46 minutes
• Self-Paced
• Free Video

Coding Tech

Building JavaScript Minecraft in 1 Hour - React & Three.js Tutorial

Build a Minecraft-style 3D game in React Three Fiber with block placement, player movement, physics, and world saving.

• YouTube
• 1 hour
• Self-Paced
• Free Video

Chris Hay

Easily Build 3D Desktop React Apps Using Tauri, Rust, TheatreJS and React Three Fiber

1 rating

Build a cross-platform 3D desktop editor by combining Tauri, React Three Fiber, TheatreJS, and Rust, with scene editing and JSON save/load.

• YouTube
• 36 minutes
• Self-Paced
• Free Video

Learn With Jason

3D in React with Triplex - Visual Editor for React-Three-Fiber

Explore Triplex, a visual editor for react-three-fiber, enabling Figma-like 3D component editing in React. Learn implementation, lighting techniques, and supported 3D model formats.

• YouTube
• 1 hour 25 minutes
• Self-Paced
• Free Video

Code a Minecraft Clone with JavaScript, React, Three.js – Tutorial

Build a Minecraft-style voxel world with JavaScript, React, and Three.js, including player movement, cube editing, textures, and saving.

• freeCodeCamp
• 1-2 hours
• Self-Paced
• Free Video

Three.js Journey is the most complete, yet accessible course you can find.

• Independent
• 89-90 hours
• Self-Paced
• Paid Course

JavaScript Mastery

Build and Deploy an Amazing 3D Web Developer Portfolio in React JS - Beginner Three.js Tutorial

Build and deploy a responsive React portfolio featuring customizable 3D models, interactive sections, smooth animations, and email contact functionality.

• YouTube
• 2 hours 53 minutes
• Self-Paced
• Free Video

JavaScript Mastery

Build and Deploy a 3D Portfolio with React.js and Three.js - Beginner Tutorial

Create an immersive 3D portfolio website using React.js and Three.js. Learn practical techniques to showcase your work with stunning visuals and interactive elements, elevating your online presence.

• YouTube
• 4 hours 29 minutes
• Self-Paced
• Free Video

Lama Dev

React 3D Portfolio Website with Three.js - Build and Deploy Responsive React Portfolio

Build a responsive 3D portfolio with React and Three.js, incorporating animated text, glTF models, contact features, and deployment.

• YouTube
• 1 hour 43 minutes
• Self-Paced
• Free Video

JavaScript Mastery

Build and Deploy an AI-Powered 3D Website Using React - 2023 Three JS Course Tutorial for Beginners

Build and deploy a customizable 3D product website with React Three Fiber, Three.js, and DALL·E-powered image generation.

• YouTube
• 2 hours 20 minutes
• Self-Paced
• Free Video

Learn With Jason

Build a Viral Event Sharing Page - Web Dev Challenge

Four web developers showcase their unique approaches to building viral event sharing pages using various technologies in a 4-hour challenge, demonstrating creativity and technical skills.

• YouTube
• 20 minutes
• Self-Paced
• Free Video

developedbyed

Awesome 3D Shattering Effect Tutorial - Next.js 14 with React Fiber and THREE.js

Learn to create a stunning 3D shattering effect using Next.js 14, React Fiber, and THREE.js. Master advanced web animation techniques and enhance your frontend development skills.

• YouTube
• 21 minutes
• Self-Paced
• Free Video