MARKETPLACE
PLUGINS
IMAGE CROPPER (PRO)
Image Cropper (Pro) logo

Image Cropper (Pro)

Published December 2025
   β€’    Updated January 2026

Plugin details

Ultimate Image Editor (Pro) gives your Bubble app a professional-grade photo editing suite. Perfect for profile pictures, cover photos, and content moderation.
πŸ”₯ Pro Features:

πŸ“‰ Smart Compression: Reduce file sizes by up to 90% before uploading to Bubble. Save money on storage costs by setting a custom JPEG quality (e.g., 80%).

πŸ”’ Fixed Aspect Ratios: Force users to crop images in specific formats (1:1 Square, 16:9, 4:5, etc.) to keep your UI consistent.

βšͺ Circular Mask: Essential for profile pictures. Exports a transparent PNG with perfect circular corners.

πŸ› οΈ Full Toolset: Rotate, Zoom In/Out, Flip (Mirror), and Reset functionality.

πŸ–ΌοΈ Format Control: Choose between JPEG (efficient) or PNG (transparent).

Standard Features:

  - Client-side processing (super fast).

  - Touch support for mobile devices.

  - Base64 output ready for the database.

  - Direct download action.

VERSION 2.0 - THE ENTERPRISE UPDATE πŸš€ Turn your app into a professional image editing suite.

☁️ Native Upload to Bubble (S3) Stop struggling with heavy Base64 strings!

New Action Upload to Bubble: Uploads the cropped result directly to your app's file manager and returns a clean file URL (https://...), ready to save to your database.

Smart Resize: Define a Max Width (e.g., 200px) and the plugin automatically optimizes and resizes the image before uploading.

πŸ“ Live Data & Real-time Feedback

New States: Access Crop Width, Height, X, and Y in real-time. Perfect for displaying dimensions to users ("500x500px") while they edit.

Instant Sync: Rotate and Reset actions now update Bubble states immediately.

πŸŽ›οΈ Total Control (New Actions)

Set Crop Box: Restore a previous editing session by programmatically setting the crop coordinates.

Change Aspect Ratio: Switch between 1:1, 16:9, or Free mode using external buttons, without reloading the image.

Demo Test: https://demo-app-56978.bubbleapps.io/version-test/imagecropperpro_test/1764601252062x724398765694010800

Editor: https://bubble.io/page?id=demo-app-56978&tab=Design&name=imagecropperpro_test&ai_generated=true&type=page

$15

One time  β€’  Or  $5/mo

stars   β€’   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   β€’   61 Plugins
View contributor profile

Instructions

How to use the Pro features: 1. Setup: Drag the element onto the page. Set a fixed Width/Height (e.g., 500x400px). Load an image using the "Image Source" field.

2. Configuration (Properties Panel):

Aspect Ratio: Choose "1:1" to force a square crop, or "Free" for unrestricted cropping.

Output Format: Select "JPEG" for photos (smaller size) or "PNG" if you need transparency.

Quality: Set to 80 (recommended) to significantly reduce file size without visible loss.

Circle Mask: Check this to enable profile-picture style cropping.

3. Using Tools (Workflows): Create buttons for "Rotate", "Zoom +", "Zoom -", and "Flip". Use the Element Actions to trigger these effects (e.g., ImageCropper A - Rotate).

Tip for Zoom: Use the Zoom action with 0.1 to zoom in and -0.1 to zoom out incrementally.

4. Saving the Result: Trigger the "Crop Now" action. Listen for the "Crop is ready" event. Save the state 's cropped_image_base64 to your database.

Types

This plugin can be found under the following types:
Element   β€’   Event   β€’   Action

Categories

This plugin can be found under the following categories:
Image   β€’   Media   β€’   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble