Image Viewer with Zoom and Rotate

Demo to preview the plugin:

Introduction

The Image Viewer with Zoom and Rotate plugin allows you to make your images interactive inside your Bubble app. Instead of static images, you can provide users with an engaging viewing experience, letting them zoom in/out, rotate, and pan images freely.
This plugin was recently acquired by Zeroqode, and we’re actively reviewing the code to make enhancements and ensure stability.
Key Features

Prerequisites

Before using the Image Viewer with Zoom and Rotate plugin, ensure you have the following:
  • A Bubble application with the plugin installed from the Bubble Plugin Marketplace.
  • ID Attributes Enabled – In Bubble Editor → SettingsGeneral → enable Expose the option to add an ID attribute to HTML elements.
  • At least one image element or dynamic image source in your Bubble app that you’d like to make interactive.
  • Basic familiarity with Bubble’s Visual Editor to drop the plugin element onto your page.
  • No external services, keys, or APIs are required — the plugin works natively within Bubble.
  • For best results, use high-quality images so users can fully benefit from zoom and rotate features.

Image without caption

How to setup

Step 1 – Install the Plugin

Step 2 – Add the Plugin Element to Your Page

Step 3 – Preview and Test

Plugin Element Properties

Image Viewer

Image without caption
Fields:
Title
Description
Type
Element Id
The element id of the image element that should be targeted.
Text
Image without caption

Changelogs