A JavaScript library that enables spatial scrolling on web pages using device orientation sensors.
Interdimensional is a JavaScript library that enables spatial scrolling on web pages using device orientation sensors. It transforms traditional vertical scrolling into motion-controlled navigation by mapping device tilt to scroll position, creating immersive browsing experiences. The library provides a simple API for developers to integrate this experimental interaction method into their websites.
Frontend developers and designers creating experimental web experiences, interactive demos, or novel browsing interfaces that leverage device capabilities.
Developers choose Interdimensional for its unique approach to web navigation, offering an alternative to traditional scrolling that creates more engaging, sensor-driven interactions. Its lightweight implementation and customizable controls make it easy to add motion-based scrolling without complex setup.
Spatial scrolling for your web pages.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Transforms standard vertical scrolling into tilt-based navigation, enabling unique interactive experiences as shown in the demo GIF and described in the key features.
Offers adjustable PPD (pixels per degree) and insensitivity settings, allowing fine-tuning of scroll sensitivity directly from the initialization options.
Includes a default control element for enabling/disabling spatial scrolling, reducing development effort when the 'useControl' option is set to true.
Provides comprehensive events like 'interdimensional:charge' and 'interdimensional:jump', making it easy to hook into scrolling states for custom behaviors, as detailed in the API section.
Only supports modern devices and was developed on iOS 8, potentially failing on older browsers, desktops without sensors, or newer untested platforms, as noted in the 'Notes' section.
The README is basic and hasn't been updated since 2015, lacking guidance for current web standards, troubleshooting, or integration with modern frameworks.
Motion-based scrolling can cause discomfort for users with vestibular disorders, and the library doesn't include accessibility features, warnings, or fallback options mentioned in the documentation.