useDeviceMotion

v0.0.15testeddemo

Reactive `DeviceMotionEvent` exposing acceleration (with and without gravity), rotation rate, and the hardware sampling interval. SSR-safe, uses a single passive listener, and supports the iOS 13+ permission flow.

Source Tests

Examples

const { acceleration, rotationRate, interval } = useDeviceMotion();

// iOS 13+: request permission from a user gesture, throttle updates
const { ensurePermissions, acceleration } = useDeviceMotion({ eventFilter: throttleFilter(100) });
button.addEventListener('click', ensurePermissions);

Demo

Loading demo…

Signature

export function useDeviceMotion(options: UseDeviceMotionOptions ={ ... }

Parameters

Parameter	Type	Default	Description
`options`?	`UseDeviceMotionOptions`	`{}`	Options

Returns

UseDeviceMotionReturnReactive motion data plus support/permission state