MARKETPLACE
PLUGINS
SWIPE IMAGE CARDS BUBBLE MOBILE
Swipe Image Cards Bubble Mobile logo

Swipe Image Cards Bubble Mobile

Published April 2025
   •    Updated August 2026

Plugin details

This plugin renders a responsive, swipeable image gallery using React Native. It displays a list of images as full-screen cards that users can swipe left or right to navigate.
It’s great for showcasing product galleries, portfolios, user profiles, or any kind of swipe-based navigation UI.

Each image fits perfectly inside the Bubble element's dimensions and maintains its aspect with a cover layout. You can optionally round the corners of the image cards using a border_radius property.

Demo: https://ncv-react-plugins.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=image_swipe

Editor: https://bubble.io/page?id=ncv-react-plugins&tab=Design&name=image_swipe&type=page

Docs: https://docs.nocodeventure.com/react-native-plugins/swipe-image-cards

$6

One time

stars   •   0 ratings
31 installs  
This plugin does not collect or track your personal data.

Platform

Native mobile

Contributor details

No-Code Venture logo
No-Code Venture
Joined 2017   •   215 Plugins
View contributor profile

Instructions

Docs link: https://docs.nocodeventure.com/react-native-plugins/swipe-image-cards
🛠️ How to Use:

Add the element to your Bubble React Native app.

Provide a list of image URLs using the images field (Bubble list of texts).

(Optional) Set border radius using the border_radius property to round the card edges.

At runtime, users can swipe horizontally to view each image.

Use workflow events like image_changed to trigger actions (e.g., track views or log activity).

Available Properties:

images (List of texts): The image URLs to display in the swipeable view. This is required.

border_radius (Number): Optional. Controls the roundness of the image cards. Defaults to 0 (square corners).

Events & States:

image_changed (event): Triggered when the visible image changes due to swiping.

current_index (state): The index of the currently visible image (starts from 0).

Demo: https://ncv-react-plugins.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=image_swipe

Editor: https://bubble.io/page?id=ncv-react-plugins&tab=Design&name=image_swipe&type=page

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Mobile   •   Image   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble