Device Sensors - Interactive Lab | IconVault

Connect to real device orientation and motion sensors: live 3D cube, alpha beta gamma readouts, iOS permission flow. Free, in your browser.

All tools

Device Sensors

Orientation and motion fusion with 3D model

5 of 5 free uses left

Sensor session

Smoothing0.25

Low-pass filter on the cube rotation. Lower is smoother, higher is snappier.

5 of 5 free sessions left.

Live readouts

alpha (z, compass)- deg
beta (x, front-back)- deg
gamma (y, left-right)- deg
absoluteno
accel x / y / z- / - / -
accel+gravity x / y / z- / - / -
rotation deg/s- / - / -
interval0 ms

No sensor data yet

Press Start listening, then tilt and rotate your device. On a desktop without motion sensors this stays empty, which is the honest result.

About this tool

IconVault's Device Sensors playground listens to the real `DeviceOrientationEvent` and `DeviceMotionEvent` streams: a 3D cube rotates as you tilt your phone, with live alpha, beta and gamma readouts, accelerometer and gyroscope values, and the iOS permission flow handled the way production apps must handle it. It is free and runs fully in your browser.

You will learn the Euler angle conventions (which axis is which, and where gimbal lock bites), why iOS 13 and later needs an explicit permission tap from a user gesture, how a low-pass filter smooths jittery sensor data, and why desktops honestly show no data: without motion hardware there is nothing to read, and this tool says so instead of faking numbers.

Frequently asked questions

Popular searches

deviceorientationeventdevicemotioneventdevice orientation javascriptdevice motion apialpha beta gamma javascriptmobile sensor web apideviceorientation exampledevicemotion examplerequestpermission deviceorientationios motion permissiongyroscope javascriptaccelerometer javascriptweb motion sensorsdeviceorientation ios 13how to access gyroscope in browserjavascript tilt phonedevice orientation 3d cubeeuler angles devicegimbal lock explainedlow pass filter sensorsmooth sensor data javascriptaccelerationincludinggravityrotationrate javascriptabsolute deviceorientationcaniuse deviceorientationdeviceorientation deprecateddevice motion httpsphone tilt web pagecompass javascript browserweb api motion sensordevicemotion intervalsensor fusion webmdn deviceorientationeventtest device orientation onlinedevice sensors playgroundorientation sensor demomotion sensor demo browserjavascript read accelerometermobile web sensorspwa sensorsdeviceorientation not firingdeviceorientationevent typescriptwebkitcompassheadingabsolute orientationscreen orientation vs device orientationhandle device motionsensor permissions webcalibrate gyroscope webzero orientation offsetweb sensor apidevice motion listenerphone gyroscope test

More tools

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →