Skip to content

 React Three Fiber
 Threejs and TypeScript
 SocketIO and TypeScript
 Blender Topological Earth
 Sweet Home 3D
 Design Patterns Python
 Design Patterns TypeScript
 Course Coupon Codes
Three.js and TypeScript
Kindle Edition
$6.99 $9.99 Paperback 
$22.99 $29.99

Design Patterns in TypeScript
Kindle Edition
$6.99 $9.99 Paperback
$11.99 $19.99

Design Patterns in Python
Kindle Edition
$6.99 $9.99 Paperback
$11.99 $19.99

House Model Example

Working Example


This example demonstrates

  • Clickable Drei Html annotations that change the cameras position and target
  • HTML Buttons rendered via the React-DOM that also change the cameras position and target
  • Loading a compressed glTF that was converted using the GLTFSX transform option.
  • Using SVG to draw circles.

GitHub Branch

git clone
cd React-Three-Fiber-Boilerplate
git checkout house
npm install
npm start