MARKETPLACE
PLUGINS
πŸ‘† MOBILE GESTURES & BACK DETECTION
πŸ‘† Mobile Gestures & Back Detection logo

πŸ‘† Mobile Gestures & Back Detection

Published September 2025
   β€’    Updated today

Plugin details

➑️➑️➑️ The ultimate plugin for intercepting the native back-press and detecting advanced gestures like long press, double tap, swipe, pinch and rotation in your native mobile apps. πŸ“±πŸ‘†
MOBILE ONLY
This plugin is a powerful tool designed for Bubble native mobile apps, providing a comprehensive solution for detecting user gestures and intercepting the native back button press. It allows you to create fluid, intuitive user experiences by responding to swipes, taps, long presses, pans, pinches, and rotations. Place it over any part of your app to make it interactive, from a single image to the entire screen.

See it in action
Check out the demo to see how the gesture detection works in a real app.


Key Features
βœ… Complete Gesture Suite: Detects a wide array of gestures including Tap, Double Tap, Long Press, Swipe (Up, Down, Left, Right), Pan (Drag), Pinch (Zoom), and Rotation.
βœ… Detailed Gesture Data: For every gesture, the plugin exposes detailed information through states, such as start/end coordinates, translation distance, velocity, direction in degrees, scale factor, and rotation degrees.
βœ… Back Button Control: Intercept the native Android back button press to prevent accidental exits, show confirmation popups, or save data before navigating back.
βœ… Selective Gesture Detection: You have full control to enable or disable gesture groups (Taps, Swipes, Pan, etc.) to prevent conflicts with other UI elements like buttons.
βœ… Debug Mode: A built-in debug mode makes positioning and testing easy by visually highlighting the active gesture detection area.

Risk-free trial
To try any plugin, simply subscribe to its monthly plan. Bubble's pro-rata billing ensures you only pay for the days you use it (e.g., only ~$0.34 per day for a $10/month plugin).

> Demo Page
> App Editor

$30

One time  β€’  Or  $6/mo

5.0 stars   β€’   2 ratings
289 installs  
This plugin does not collect or track your personal data.

Platform

Native mobile

Contributor details

Cosmic Steve logo
Cosmic Steve
Joined 2020   β€’   28 Plugins
View contributor profile

Instructions

πŸ‘† To get started, drag the Gesture Detector element from the visual elements panel onto your page.
↔️ The element acts as a detection area. Resize it to cover the part of your screen where you want to detect gestures. To detect gestures anywhere on the screen, simply make the element full-screen.

✨ Configure the gestures you want to detect using the element's property inspector in the editor. Use the "Enable Taps", "Enable Swipes", etc., checkboxes to control which gestures are active. This is crucial for preventing the detector from interfering with other clickable elements. For example, if you place the detector over a button, disable "Enable Taps & Long Press" to allow the button to be clicked. Use the "Prevent Default Back Action" checkbox if you want to stop the default navigation and handle the back press with a custom workflow.

πŸ”§ Go to the "Workflows" tab to build workflows that respond to the detected gestures. All available events (e.g., "A Detector is Swiped Right") and states (e.g., "Detector's Absolute X") will be available in the workflow editor for you to use.

Types

This plugin can be found under the following types:
Element   β€’   Event

Categories

This plugin can be found under the following categories:
Containers   β€’   Mobile   β€’   Technical   β€’   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (5.0)

A must-have plugin
September 25th, 2025
This plugin is a lifesaver! It works perfectly and is so easy to configure.
Powerful and flexible
September 25th, 2025
This plugin is very good. I love the back-button control and the option to disable taps. Also, having all the gesture data like coordinates is super useful for my app.
Bubble