[UPDATE] Image Cropper Pro 2.0 - Native S3 Upload, Live Data & Smart Resize

Hello Bubblers! :waving_hand:

I just released version 2.0 of Image Cropper Pro. The goal of this update was simple: eliminate the complex workflows usually needed to handle Base64 images and give you full control over the UI.

Here is what’s new:

1. Native Upload to Bubble (S3) :cloud: The most requested feature! You no longer need extra plugins or backend workflows to convert Base64.

  • Use the action Upload to Bubble.

  • The plugin uploads the crop directly to your app’s File Manager.

  • Returns a clean file URL ready to save to your database.

  • Bonus: You can define a Max Width (e.g., 200px) and the plugin automatically resizes the avatar/image before uploading.

2. Live Data (Real-time Dimensions) :straight_ruler: Want to show your users the exact size of their crop while they drag the box? The plugin now exposes states like Crop Width and Crop Height that update instantly as the user interacts with the image.

3. Professional UX Control :artist_palette:

  • Session Restore: With the Set Crop Box action, you can save the crop coordinates and restore them if the user comes back to the page later.

  • Dynamic Ratios: Create your own UI buttons (Square, Portrait, Landscape) and change the crop format via workflow using the Change Aspect Ratio action.

Why use this plugin? If you are building a User Profile flow, a Marketplace, or a CMS, this plugin handles everything: from the perfect circular crop to securely saving the optimized file to your server.

Get the plugin HERE!

Try the Free Version HERE!

Happy building! :rocket:

Hey Bubblers! :waving_hand:

If your app handles user avatars, marketplace listings, or social media posts, you know that image cropping can make or break the UX.

Today, we are releasing Image Cropper Pro V3 – a massive upgrade that brings a professional photo-studio experience directly into your Bubble app. :rocket:

What’s new in V3?

:clamp: Advanced Export & Compression Engine Stop bloating your database! When you trigger the Crop or Upload action, you can now define the Output Format (WEBP, PNG, JPG), set the Quality (e.g., 85%), and enforce a Max Width/Height. The plugin will process and compress the image locally in the browser before sending it to Bubble.

:eye: Real-Time Live Previews Just add a CSS class to any Bubble Group or Image element, and it instantly becomes a live preview. As your user drags the crop handles, the preview updates synchronously (perfect for showing how an avatar will look in a tiny circle!).

:mobile_phone: Silky Smooth Mobile Experience & Native Toolbar Pinch-to-zoom is now fully optimized. Plus, if you don’t want to spend time building workflow buttons, simply check Show Toolbar. A sleek, dark-mode native toolbar (Zoom, Rotate, Flip) will appear directly over the image.

:triangular_ruler: Pro Aspect Ratio Presets Select from built-in presets like Instagram Post (1:1), YouTube Thumbnail (16:9), TikTok/Reel (9:16), or Passport Photo.

If you want to offer your users a premium, frictionless media upload experience, this is the engine you need.

Let us know what you think, and drop any questions below! Happy building! :clinking_glasses::sparkles: