Syncfusion Blazor Image Editor

SyncfusionDocument & Image Tools.NET

Comprehensive image editing component for Blazor applications.

  • Supports image loading, cropping, rotating, flipping, and zooming.
  • Enables adding text, shapes, freehand drawings, and image annotations.
  • Offers filters, fine-tuning, undo/redo, and customizable toolbars.
Syncfusion logo

Prices from:

Loading...
Available in
Syncfusion Essential Studio UI Component SuiteLoading
Syncfusion Essential Studio EnterpriseLoading
Syncfusion Blazor Image Editor product image
Syncfusion Blazor Image Editor provides an extensive set of image editing features directly within Blazor web applications. It supports intuitive user interactions and programmatic control for transformations, cropping, annotations, applying filters, and exporting images. Its responsive, touch-friendly interface makes it suitable for complex image manipulation scenarios.

Image Loading

Load images from local files, URLs, or base64 data with support for PNG, JPEG, SVG, and BMP formats. The component integrates easily into apps with options for programmatic and user-initiated loading.

Selection and Cropping

Select custom or predefined shapes (e.g. square, circle, aspect ratios) to crop images precisely. Crop operations can be triggered via toolbar interaction or programmatically for flexible workflows.

Image Transformation

Rotate images left or right and flip horizontally or vertically using simple toolbar buttons or API calls, enabling quick orientation adjustments.

Annotations

Add text, freehand drawings, and diverse shapes such as rectangles, ellipses, lines, arrows, and paths on images. Customize annotations with colors, sizes, and other properties to highlight or decorate images.

Image Annotations with Added Support

Insert image or icon annotations over the main image with control over rotation, flipping, transparency, and positioning, useful for watermarks or branding.

Zooming and Panning

Zoom in and out on images and pan to focus on specific areas. Zoom functionality is accessible through the toolbar or programmatic APIs to enhance user navigation within images.

Filters and Fine Tuning

Apply predefined filters like sepia, grayscale, and chromatic effects. Fine-tune brightness, contrast, saturation, and other parameters for detailed image enhancements.

Undo and Redo

Revert or reapply recent changes easily to support non-destructive editing and experimentation without losing progress.

Customizable Toolbars

Modify built-in and contextual toolbars to fit user requirements or branding needs. Supports replacing toolbars entirely with custom UI templates for tailored user experiences.

Exporting Images

Export edited images in PNG, JPEG, or SVG formats with custom file names, enabling easy integration into workflows requiring saved outputs.

Adaptive and Touch-Friendly UI

Designed to provide an optimized interface for desktops and mobile devices with touch interaction support, ensuring consistent usability across devices.

Product Compatibility

Review the details below to ensure this product is supported within your environment.

Component Type

  • .NET

.NET Version

  • .NET 10 LTS
  • .NET 9 STS
  • .NET 8 LTS

.NET Platform

  • .NET Blazor / WebAssembly

IDE Support

  • Visual Studio