@react-three/handle

v6.6.29

Types
ESM

agnostic expandable handles for react-three-fiber

License: SEELICENSEINLICENSE
Deps: 3/-
View dependency graph Inspect dependency tree
Install Size: 30.2 kB/-
Vulns: 0
Published: Jan 6, 2026

Get started

$npm install @react-three/handle

$pnpm add @react-three/handle

$yarn add @react-three/handle

$bun add @react-three/handle

$deno add npm:@react-three/handle

$vlt install @react-three/handle

Readme

@react-three/handle

The one to handle them all 👌

npm install three @react-three/fiber @react-three/handle@latest @react-three/xr@latest

A example with a handle for controlling the scale rotation and position of a simple red cube by grabbing it with any type of input (mouse, touch, grab, point) in XR and non-XR applications.

import { Canvas } from '@react-three/fiber'
import { noEvents, PointerEvents } from '@react-three/xr'
import { Handle } from '@react-three/handle'

export function App() {
  return (
    <Canvas events={noEvents}>
      <PointerEvents />
      <Environment preset="city" />
      <Handle>
        <mesh position-z={-1}>
          <boxGeometry />
          <meshStandardMaterial color="red" />
        </mesh>
      </Handle>
    </Canvas>
  )
}