Next + React Three Fiber

Next 3D Starter

A minimalist starter for React, React-three-fiber and Threejs.

Events are propagated

Drag, scroll, pinch, and rotate the canvas to explore the 3D scene.

Dom and 3D are synchronized

3D Divs are renderer through the View component. It uses gl.scissor to cut the viewport into segments. You tie a view to a tracking div which then controls the position and bounds of the viewport. This allows you to have multiple views with a single, performant canvas. These views will follow their tracking elements, scroll along, resize, etc.