This plugin turns any Bubble group or popup (using its ID Attribute) into a fully interactive bottom sheet modal, similar to Instagram or Apple Maps. It slides up from the bottom, follows your finger in real time, and closes naturally when you swipe down fast or far enough. You can also define a specific “handle” element for drag gestures, so users can only swipe from that zone if you prefer.
***MOBILE MODE ONLY - No desktop*** **Not a native plugin***
$9
One time • Or $5/mo
stars • 0 ratings
2 installs
This plugin does not collect or track your personal data.
1. Add the plugin element to your page.
2. Give your Group an ID Attribute .
3. Make sure the element is visible on page load Bubble doesn’t render hidden elements in the DOM.
The best setup is to place your modal inside a Floating Group beneath the page, set to visible by default.
4. In the plugin properties:
Enter that ID in Target ID. Enter a Handle ID for the drag zone. Adjust the Modal height, unit, animation duration, and overlay color. Optionally enable Show on load if you want the modal to open automatically.
5. Use the plugin’s Show Modal and Hide Modal actions in workflows — not Bubble’s native show/hide actions.
6. Use the Modal opened and Modal closed events in workflows to trigger your own logic.
Types
This plugin can be found under the following types:
Built on Bubble
