mujoco-react

MuJoCo physics in the browser with React Three Fiber

Demo · GitHub · npm

npm install mujoco-react three @react-three/fiber @react-three/drei

import { MujocoProvider, MujocoCanvas } from "mujoco-react";

<MujocoProvider>
  <MujocoCanvas config={{ src: "https://raw.githubusercontent.com/google-deepmind/mujoco_menagerie/main/franka_emika_panda/", sceneFile: "scene.xml" }} />
</MujocoProvider>

Getting Started

Quick start, controllers, architecture

Components

MujocoProvider, MujocoCanvas, IkGizmo, Debug, and more

Hooks

useBeforePhysicsStep, useBodyState, useSensor, useCtrl, usePolicy, and more

Building Controllers

Custom controllers, IK solvers, and the createController factory

Cameras and Captures

Viewer cameras, MuJoCo cameras, virtual debug cameras, and offscreen captures

API Reference

Simulation control, state management, forces, model introspection