React Device Orientation Hook

React Custom Hook using Device Orientation Web API
Alternatives To React Device Orientation Hook
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
React Native Sensors8273812a month ago75February 04, 202234mitObjective-C
A developer friendly approach for sensors in React Native
React Parallax Tilt731282 days ago220July 15, 2022mitTypeScript
👀 Easily apply tilt hover effect on React components - lightweight/zero dependencies (3kB)
React Native Motion Manager232
183 years ago7September 27, 201717Objective-C
CMMotionManager wrapper for react-native
React Native Sensor Manager200
304 years ago11September 23, 201624Java
Native sensors access for react-native
React Native Iridescent18
15 years ago4December 30, 20171mitJavaScript
A react-native component to next level your UI with gyroscope based iridescence.
3 years ago3wtfplTypeScript
An interactive dice roller targeting smartphones with the Web Sensor API.
React Universal Tilt2
2 years ago3mitTypeScript
🎆 universal-tilt.js implementation for React component
React Device Orientation Hook2
a year ago3mitTypeScript
React Custom Hook using Device Orientation Web API
Alternatives To React Device Orientation Hook
Select To Compare

Alternative Project Comparisons


License: MIT CodeQL



Device Orientation Event works only in HTTPS for security reasons.

npm i react-device-orientation-hook
import useDeviceOrientation from 'react-device-orientation-hook;

function Component() {
  const { transformStyle, resetPivotOrientation } = useDeviceOrientation();

  return (
      <div style={transformStyle} onClick={resetPivotOrientation} >
        Hello World!
      <p>Touch text and Revise orientation</p>

Device Orientation Web API Spec



npm run test


npm run build


To run a live-reload Storybook server on your local machine:

npm run storybook
Popular Reactjs Projects
Popular Gyroscope Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.