Image Slider Pro for Bubble Mobile

✅

Link to plugin page: https://zeroqode.com/plugin/image-slider-pro-for-bubble-mobile-1754896820744x505749344221705800

Demo to preview the settings

✅

Demo page: https://zeroqode-native-demo-05.bubbleapps.io/api/1.1/mobile/preview?debug_mode=true&preview_view=Image%20Slider

✅

Bubble Editor: https://bubble.io/page?id=zeroqode-native-demo-05&plugin=1751544998335x286751405245988860_current&tab=Design&name=Image+Slider&type=page&version=live&elements=bTHpj1

Introduction

This plugin offers a sleek and customisable way to showcase images in your Bubble Native (mobile) app. With the ImageSlider elements, you can easily display a looping, autoplay-enabled image slider complete with customisable arrows and bullets. Whether you're highlighting products, promotions, or visual content, this plugin gives you full control over the slider’s appearance, transitions, and behavior - all without writing a single line of code.

Prerequisites

This plugin is designed specifically for the mobile version of the Bubble editor. To test the plugin on your mobile device, use the TestFlight app available at:

https://testflight.apple.com/join/W13vZ72p

⚠️

Please note that the testing app is currently available for iOS only.

Title	Description	Type
Image Urls	Comma-separated image urls	Text, Required
Enable Auto Scroll	Indicates if images should play automatically	Yes/No, Required
Auto Scroll Interval	Interval between each auto scroll	Number, Optional
Enable Loop	Indicates if images should loop	Yes/No, Required
	Dots Styling
Display Dots	Indicates if Dots should be displayed	Yes/No, Required
Dots Color	Color of Dots	Color
Dot Size	Size of Dots in px	Number, Optional
	Arrows Styling
Display Arrows	Indicates if Arrows should be displayed	Yes/No, Required
Arrows Color	Color of Arrows	Color
Arrows Size	Size of Arrows in px	Number, Optional
Arrows Background Color	Background Color of Arrows	Color
Arrows Border Radius	Border radius of Arrows Background	Number, Optional

Title	Description	Type
Image Urls	Comma-separated image urls	Text, Required
Enable Auto Scroll	Indicates if images should play automatically	Yes/No, Required
Auto Scroll Interval	Interval between each auto scroll	Number, Optional
Enable Loop	Indicates if images should loop	Yes/No, Required
	Dots Styling
Display Dots	Indicates if Dots should be displayed	Yes/No, Required
Inactive Dots Color	Color of Inactive Dots	Color
Active Dots Color	Color of Active Dots	Color
Dot Size	Size of Dots in px	Number, Optional
	Arrows Styling
Arrows Dots	Indicates if Arrows should be displayed	Yes/No, Required
Arrows Color	Color of Arrows	Color
Arrows Size	Size of Arrows in px	Number, Optional
Arrows Background Color	Background Color of Arrows	Color
Arrows Border Radius	Border radius of Arrows Background	Number, Optional

Title	Description	Type
Image Urls	Comma-separated image urls	Text, Required
Enable Auto Scroll	Indicates if images should play automatically	Yes/No, Required
Auto Scroll Interval	Interval between each auto scroll	Number, Optional
Enable Loop	Indicates if images should loop	Yes/No, Required
	Dots Styling
Display Dots	Indicates if Dots should be displayed	Yes/No, Required
Inactive Dots Color	Color of Inactive Dots	Color
Active Dots Color	Color of Active Dots	Color
Dot Size	Size of Dots in px	Number, Optional
	Arrows Styling
Display Arrows	Indicates if Arrows should be displayed	Yes/No, Required
Arrows Color	Color of Arrows	Color
Arrows Size	Size of Arrows in px	Number, Optional
Arrows Background Color	Background Color of Arrows	Color
Arrows Border Radius	Border radius of Arrows Background	Number, Optional

Title	Description	Type
Active Slide Index	Indicates the Active Slide Index	Number

Title	Description
Slide Changed	Triggered when a Slide Changes

Image Slider Pro for Bubble Mobile

Demo to preview the settings

Introduction

Prerequisites

How to setup

Plugin Elements Properties

Image Slider Element

Vertical Slider Element

Transition Slider Element

Exposed states

Elements events

Workflow example

Changelogs

Update 08.08.25 - Version 1.0.0