A clean, modern photo cropper with a rounded-rectangle mask inside a dimmed modal. Drag to reposition, pinch/scroll to zoom, resize via corner handles, then Back or Crop to export a perfectly framed image. Built for onboarding, profile setup, and content uploads.

Functionality

• Rounded-rectangle crop area with draggable/resizeable corner handles.

• Pan & zoom (drag, pinch, mouse wheel) for precise framing.

• Aspect-ratio presets (Free, 1:1, 4:5, 3:4, 16:9, 9:16) + lock/unlock.

• Live overlay with soft dim outside the crop for accurate preview.

• Actions: Back (cancel) and Crop (export) with tactile feedback.

• Image tools (optional): rotate 90°, flip, reset, auto-fit to frame.

• EXIF orientation fix so photos load upright.

• Output: PNG/JPEG/WebP with quality, max size, and file-size limits.

• Transparent background support (PNG/WebP) when needed.

• Validation: min/max resolution checks with helpful errors.

• Keyboard shortcuts: Esc (close), Enter (crop).

• Accessible modal: focus trap, screen-reader labels, large tap targets.

• Theming: dark/light, accent color, radii, button styles.

• Data binding: upload to Firebase/Supabase; store URL in Firestore.

• Works with pickers: camera, gallery, or drag-and-drop sources.

Great for: profile photos, cover images, product shots, blog headers, stories/reels thumbnails—anywhere you need a fast, beautiful rounded-rect crop.

Keywords: FlutterFlow image cropper, photo cropper, rounded rectangle crop, rounded rect mask, aspect ratio, 1:1, 4:5, 3:4, 16:9, 9:16, pan and zoom, pinch to zoom, drag handles, resize handles, crop overlay, EXIF orientation, rotate image, flip image, reset crop, PNG export, JPEG export, WebP export, compression quality, max file size, transparent background, preview, modal dialog, focus trap, keyboard shortcuts, camera picker, gallery picker, drag and drop, Firebase Storage, Supabase Storage, Firestore URL, dark mode, light mode, responsive UI, accessible design, avatar editor, cover photo, content upload.