🖼️ A polished image cropper widget for profile photos — featuring a circular mask inside a dimmed modal. Drag to reposition, pinch/scroll to zoom, and tap Crop to export a perfect avatar. Clean, tactile controls plus a friendly ✖️ close make it ideal for onboarding and profile settings. ✨

⚙️ Functionality

• 🔵 Circular crop mask with draggable image & resize handles

• 🖐️ Pan & zoom: drag, pinch, or mouse wheel for precise framing

• 🌘 Live preview overlay with soft dim outside the crop area

• ✅ Crop / Cancel actions with a clear primary Crop button

• 🧭 Auto EXIF orientation fix so uploads aren’t rotated

• 🔁 Optional tools: rotate 90°, reset, flip (configurable)

• 🧾 Outputs: PNG / JPEG / WebP with quality & size limits

• 🪟 Transparent background for circle exports (PNG/WebP)

• 🛡️ Validation: min/max resolution checks + helpful errors

• ⌨️ Keyboard hints: Esc = close, Enter = crop (optional)

• ♿ Accessible modal: focus trap, screen-reader labels, large hit targets

• 🎨 Light/Dark themes with subtle shadows & rounded UI

• 🔗 Data binding: save to Firebase Storage / Supabase; store URL in Firestore

• 📲 Works with pickers: camera, gallery, and drag-and-drop

• 🌍 i18n-ready: translatable labels & formats

✅ Great for

👤 User accounts • 💬 community apps • 🛒 marketplaces • 🎓 education — anywhere you need a fast, beautiful avatar crop.

Keywords: FlutterFlow avatar cropper, profile photo, circular crop, circle mask, image crop, crop modal, pan and zoom, pinch to zoom, drag handles, rotate image, flip image, reset crop, overlay dim, live preview, PNG export, JPEG export, WebP export, transparent background, compression quality, output size, EXIF orientation fix, image picker, camera upload, gallery upload, drag and drop, Firebase Storage, Supabase Storage, Firestore URL, accessible dialog, keyboard shortcuts, light theme, dark theme, responsive UI, mobile first, flutterflow widget, flutterflow component, user onboarding, profile settings, avatar editor, high DPI, smooth animation, modern UX.