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/1764601252062x724398765694010800Editor:
https://bubble.io/page?id=demo-app-56978&tab=Design&name=imagecropperpro_test&ai_generated=true&type=page