Skip to main content
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

API Reference

Simulation control, state management, forces, model introspection