Add a new way for your sites animation's, Features, Maps, Design & Flow to read the world around it. The compass uses a devices built in magnetic compass to read and display via animated compass heading in real time. The compass gives you the ability to change the compass image or even set the height & width to 0 and use the output bearing to influence other animations or site features.
How it works:
Drop the element on your page, choose your compass face or leave the default and give your site some direction!

N.B. The compass uses a devices built in magnetic compass to read and display via animated compass heading in real time. For getting access and using on iOS devices, please be sure to use the Request Orientation Permission For IOS Compass action.

Usage Features:

- Real-time compass heading display using device’s magnetic compass
- Customizable compass face image for personalized UI design
- Option to hide the compass image and use only output bearing for logic/animations
- Adjustable compass element dimensions (height & width)
- Dynamic interaction with Bubble animations, features, and design flows based on direction
- Support for animated compass rotation aligned with device orientation
- Includes "Request Orientation Permission For IOS Compass" workflow for iOS compatibility
- Easy setup – drop the element on the page and configure settings in the property editor

   




Feedback




FAQ

What does this plugin do?
It uses a device’s built-in magnetic compass to display real-time directional heading and enables compass-based interactions in your Bubble app.

Is this plugin compatible with iOS devices?
Yes, but iOS requires explicit permission. Use the “Request Orientation Permission For IOS Compass” action for proper functionality.

Can I use the compass without displaying the image?
Yes, you can set the height and width of the compass to 0 and still use the directional data in workflows or animations.

What can I use the output bearing for?
The output bearing can be used to influence site features, animations, maps, and directional UI logic.







Other plugins from Zeroqode

- Top 15 Plugins for Bubble - Bundle




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!