React Three

Building 3D experiences with the React Three Ecosystem

Select packages to include in your project

react-three/drei

A growing collection of useful helpers and fully functional, ready-made abstractions for @react-three/fiber.

react-three/handle

A cross-platform handle system for react-three-fiber. Create interactive controls and handles for your 3D objects.

koota

An ECS-based state management library optimized for real-time apps, games, and XR experiences.

leva

A GUI panel for React. Create controls and debug your react-three-fiber scene with ease.

react-three/offscreen

Offscreen rendering for react-three-fiber. Render your scene in a worker thread for better performance.

react-three/postprocessing

Post-processing effects for react-three-fiber, using react-postprocessing.

react-three/rapier

Physics based hooks for react-three-fiber using rapier.js.

react-three/uikit

UI components for react-three-fiber. Build interactive interfaces in 3D space.

react-three/xr

VR/AR support for react-three-fiber. Build cross-platform XR applications with React.

zustand

A small, fast and scalable state-management solution. Perfect for react-three-fiber applications.

Select tools to include in your project

Triplex

Build the 2D and 3D web without coding. Your visual workspace for React / Three Fiber.

npm create @react-three -- --triplex