Basic Image Editor

A simple image editor for Flutter that offers preset-based color filters, manual color adjustments, image rotation, and scaling features. Ideal for lightweight image editing needs in mobile apps.

✨Features

  • Preset color filters
  • Manual color adjustments (brightness, contrast, saturation, etc.)
  • Image rotation
  • Image scaling
  • Customizable UI (icons, colors, styles)
  • Optional image compression
  • Easy integration as a widget

🚀 Geting Started

Add the following to your pubspec.yaml:

dependencies:
  basic_image_editor: ^1.0.0

Then run:

flutter pub get

Usage

You can use the image editor simply as a widget like this:

BasicImageFilter(
  image: File(widget.imageFile),
  presets: defaultColorFilters,
  cancelIcon: Icons.cancel,
  applyIcon: Icons.check,
  backgroundColor: Colors.black,
  sliderColor: Colors.blue,
  sliderLabelStyle: const TextStyle(color: Colors.white),
  bottomButtonsTextStyle: const TextStyle(color: Colors.white),
  presetsLabelTextStyle: const TextStyle(color: Colors.white),
  applyingTextStyle: const TextStyle(color: Colors.white),
  compressImage: true,
  onStartApplyingFilter: () {},
  onFinishApplyingFilter: (file) {})

You can define your own presets, or use the built-in defaultColorFilters.

📸 Screenshots

Here’s what it looks like in action:

🎨 Default Presets

Image Editor

🛠️ Manual Adjustments

Filter Presets

🛠️ Rotation

Filter Presets

🔍 Scale

Filter Presets