MARKETPLACE
PLUGINS
IMAGE PLUGIN SET (10 IN 1)
Image Plugin Set (10 in 1) logo

Image Plugin Set (10 in 1)

Published June 2026
   •    Updated July 2026

Plugin details

A set of 10 image plugins for the price of one.
These plugins are designed for image viewing, image galleries, sliders, lightboxes, parallax effects, converting page elements into images, and simply creating beautiful visual effects.

Detailed information, demos, and installation instructions can be found on each plugin's demo page.
MAIN DEMO:
https://plugin-sets.bubbleapps.io/version-test/image_plugin_set_10_in_1


This set includes the following plugins:
1. "Unite" Image / Video Gallery
Unite Gallery is a multi-functional gallery built using modular technology for ease of use and customization. The gallery supports displaying images and videos (YouTube videos, HTML5 videos (.mp4, .ogv, .webm), and Vimeo videos). You can use a standalone gallery with images or a specific video format, or a mixed gallery combining images and videos.
DEMO:
https://plugin-preview.bubbleapps.io/version-test/unite_img_video_gallery
EDITOR:
https://bubble.io/page?id=plugin-preview&tab=Design&name=unite_img_video_gallery&type=page

2. Simple Image Slider
This Simple Image Slider is a nice and convenient way to display many images on your site.  The big and small images will look nice on every device, which is essential for every website.
DEMO:
https://advanced-image-slider-38537.bubbleapps.io/version-test/simple_slider
EDITOR:
https://bubble.io/page?id=advanced-image-slider-38537&tab=Design&name=simple_slider&type=page

3. RG Lightbox
Allows you to view images in a lightbox from a specially configured repeating group.
Repeating Group Lightbox plugin provides several options of an image galleries for your app. It includes several visual effects and  a useful interface to customize the plugin to your requirements.
DEMO:
https://pinterest-65085.bubbleapps.io/version-test/lightbox
EDITOR:
https://bubble.io/page?id=pinterest-65085&tab=Design&name=lightbox&type=page

4. Before-after slider
Before-After Plugin is an easy to use and quite visually appealing tool that allows you to compare two different images in one slider is several ways.
DEMO:
https://advanced-image-slider-38537.bubbleapps.io/version-test/before-after
EDITOR:
https://bubble.io/page?id=advanced-image-slider-38537&tab=Design&name=before-after&type=page

5. Zoom Magnifier
Zoom Magnifier is a plugin that allows you to use the magnifying glass effect on images.
Easily add hover zoom to your site images.
Ideal for For e-commerce sites.
DEMO:
https://plugin-preview-2.bubbleapps.io/version-test/zoom_magnifier_01_demo
EDITOR:
https://bubble.io/page?id=plugin-preview-2&tab=Design&name=zoom_magnifier_01_demo&type=page

6. Group 2 image
The "Group 2 image" plugin is designed to simplify the process of converting the contents of Bubble application groups into images. With this plugin, users can easily create PNG or JPEG images from any group in the Bubble app, making them easy to share, print, and archive.
DEMO:
https://plugin-preview.bubbleapps.io/version-test/group_2_image
EDITOR:
https://bubble.io/page?id=plugin-preview&tab=Design&name=group_2_image&type=page

7. Hover 3d
Now you can create astonishing new galleries and features for your app. Interactive parallax tilt effects that react to mouse movement.
Hover3D is a plugin which applies an awesome interactive 3D hover effect to any image.
DEMO:
https://pinterest-65085.bubbleapps.io/version-test/hover_3d
EDITOR:
https://bubble.io/page?id=pinterest-65085&tab=Design&name=hover_3d&type=page

8. Parallax
Parallax plugin allows you to create an interactive multi-layered parallax effect responding that responds to mouse movement.
DEMO:
https://plugin-preview.bubbleapps.io/version-test/parallax
EDITOR:
https://bubble.io/page?id=plugin-preview&tab=Design&name=parallax&type=page

9. Parallax Image/video
Parallax scrolling is a stunning scroll effect that makes an element scroll at a different speed than the page scroll.
Parallax Scrolling Effect is typically used in the modern web design where the background image scroll slower than the foreground when the user scrolls down the webpage.
DEMO:
https://plugin-preview-3.bubbleapps.io/version-test/parallax_img_video
EDITOR:
https://bubble.io/page?id=plugin-preview-3&tab=Design&name=parallax_img_video&type=page

10. Hover Transition
Hover Transition -  plugin that can be used for creating WebGL powered distortion hover effects using displacement images.
The effect is as follows: hovering over an image will use a displacement image to transition to another image. Using different displacement images, you can create different images.
Uses two main images and one displacement image to create the effect.
DEMO:
https://plugin-preview-4.bubbleapps.io/version-test/hover_transition
EDITOR:
https://bubble.io/page?id=plugin-preview-4&tab=Design&name=hover_transition&type=page

Need help adjusting your new application?
Contact Jay at contact@mindforapps.com

☎️ 𝐒𝐮𝐩𝐩𝐨𝐫𝐭:
And if you have any questions, reach out to us at support@mindforapps.com

⚙️ 𝐑𝐢𝐬𝐤-𝐟𝐫𝐞𝐞 𝐓𝐫𝐢𝐚𝐥:
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 $7 then you’d pay only 23¢ per day ($7/30 days)!

We appreciate your reviews and suggestions.

$40

One time  •  Or  $7/mo

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

Platform

Web

Contributor details

Mind For Apps logo
Mind For Apps
Joined 2018   •   36 Plugins
View contributor profile

Instructions

0. Add the plugin set to your app
"Unite" Image / Video Gallery
1. Install the "Unite Gallery" element on the page
2. Enable one or more required fields (Miniature, Image, Video)
3. Customize the image gallery and its settings as desired.
4. For detailed instructions, see the demo page:
https://plugin-preview.bubbleapps.io/version-test/unite_img_video_gallery

Simple Image Slider
1. Place a SimpleSlider element on the page.
2. set up an image gallery (field “Image Gallery”)
3. Set the required slide proportions (W and H fields). This is very similar to the "Aspect ratio" field for the standard "Image" element.
4. If necessary, configure the desired properties as you wish. Hints included
5. For detailed instructions, see the demo page:
https://advanced-image-slider-38537.bubbleapps.io/version-test/simple_slider

RG Lightbox
1. Create a repeating group with the necessary images.
2. Place the plugin on the page.
3. Place all the text fields that you want to display in the RG Lightbox, in the cell.
4. Set ID for all objects (including the repeating group) and write these ID's in the plugin.
5. Trigger the "LCStart" action, for example, using the "Page Loaded" workflow event.
6. If you need, you can hide unnecessary text fields using the plugin.
7. For detailed instructions, see the demo page:
https://pinterest-65085.bubbleapps.io/version-test/lightbox

Before-after slider
1. Place a "before-after" element on the page.
2. connect an image gallery (a field from the database containing images)
3. or if you want to use separate single, then check the "Or use Single Images" checkbox and include at least the "Before image_1" and "After image_1" fields
4. using the settings in the "BASIC SETTINGS" section, define the "W", "H" and "Fit" parameters in order to determine how the slider will behave when the width changes.
5. if necessary, define other parameters. Under each parameter there is a necessary description.
6. For detailed instructions, see the demo page:
https://advanced-image-slider-38537.bubbleapps.io/version-test/before-after

Zoom Magnifier
1. place the "Zoom-main" element on the page
2. enable the "single image" field
3. This is the easiest connection. For more complex connection options please visit the documentation and demo pages:
https://plugin-preview-2.bubbleapps.io/version-test/zoom_magnifier_02_connection
https://plugin-preview-2.bubbleapps.io/version-test/zoom_magnifier_01_demo

Group 2 image
1. Select on the page the group that you want to convert into an image and assign it an identifier (field "ID Attribute")
2. place the "Group2Image" element on the page
3. set up a workflow (for example, by clicking a button) that will launch the “getImage” action. In the "getImage" element in the "Group ID" field, you must specify the group ID from step 1
4. When the image conversion is completed, the "Conversion is complete" event will be fired.
5. Set up a workflow for the "Conversion is complete" event where you can get the url of the finished image loaded into your application (the "img S3 link" parameter)
6. More details can be found on the demo page:
https://plugin-preview.bubbleapps.io/version-test/group_2_image

Hover 3d
1. Place the "Hover3d" element on the page
2. Connect an image using "Static Image" or "Use Dynamic Image -> Image Source"
3. The plugin is ready to use.
4. If necessary, connect additional data using the fields "Image Link", "Title Settings -> Text", "Title Settings -> Text" and make other additional settings.
5. For detailed instructions, see the demo page:
https://pinterest-65085.bubbleapps.io/version-test/hover_3d

Parallax
1. Set the attribute to to the object you want to use
2. Add PARALLAX element to the page and set object id in elementID field
3. Customize the object as you wish
If you want all the objects to move within the same group:
1. Put them in this group and Set the ID attribute to to this group.
2. Add PARALLAXSCENE  element to the page and write object id in elemetID field
3. Customize the object as you wish
4. For detailed instructions, see the demo page:
https://plugin-preview.bubbleapps.io/version-test/parallax

Parallax Image/video
1. Place the element "Parallax-img/video" on the page.
2. Connect "Image source" or "Video source".
3. If necessary, make additional settings.
4. Detailed settings you can find on our demo page:
https://plugin-preview-3.bubbleapps.io/version-test/parallax_img_video

Hover Transition
1. Place hoverTransition on the page.
2. Add first and second Images of the animation  and displacement image
3. Setup intensity, angle and speed if needed
4. For detailed instructions, see the demo page:
https://plugin-preview-4.bubbleapps.io/version-test/hover_transition

Types

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

Categories

This plugin can be found under the following categories:
Technical   •   Video   •   Image   •   Media   •   Containers   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble