A friendly, conversion-focused avatar upload card with a clear title, allowed-format chips (WEBP/PNG/JPG), and a prominent Upload image button. Perfect for onboarding and profile settings—simple out of the box, yet fully extensible with previews, cropping, and cloud storage.

Functionality

• One-tap upload with large primary button and dashed affordance.

• Allowed formats chips (WEBP/PNG/JPG) with easy theming.

• Live preview in the avatar circle after selection.

• Optional drag & drop (desktop) with hover highlight.

• Validation: file type, max size, and dimension checks with helpful errors.

• Crop & adjust hook: open your avatar cropper (circle or rounded-rect) before saving.

• Auto EXIF orientation fix so photos appear upright.

• Compression & conversion (e.g., JPEG→WEBP) to reduce payload.

• Storage integrations: Firebase/Supabase/S3 with upload progress & retries.

• Accessibility: keyboard focus, ARIA labels, large tap targets.

• i18n/RTL: translatable labels and right-to-left friendly layout.

• Light/Dark themes; customizable colors, radius, and shadows.

Keywords: avatar uploader, profile photo, image upload, upload button, drag and drop, dropzone, allowed formats, WEBP, PNG, JPG, file validation, file size limit, dimension check, preview avatar, image crop, circle crop, rounded rectangle crop, EXIF orientation, compression, convert to webp, storage upload, Firebase Storage, Supabase Storage, S3, progress bar, retry upload, error handling, accessibility, ARIA, keyboard support, RTL, localization, dark mode, light mode, theming, onboarding, settings page, user account, profile setup, FlutterFlow component, Flutter widget, responsive UI.