Unlayer
IMAGE EDITOR

Embed an image editor
into your product.

Give your users a drag-and-drop, AI-assisted image editor with filters, draw tools, and a chat assistant that edits photos on command.

Unlayer Image Editor Interface Preview
WHY CHOOSE UNLAYER

Skip years of development.
Launch in days.

01

Eliminate Development Costs

Avoid building custom HTML5 canvas rendering engines, filters, and image export pipelines.

02

Seamless API Integration

Integrate photo and graphic editing into your existing media library with a few lines of code.

03

White-Label Customization

Style the canvas chrome, toolbar icons, and color pickers to match your application's design system.

04

Scalable & Secure

Client-side image processing with optional cloud GPU acceleration for zero latency.

05

Future-Proof

Regular additions of fresh filters, stickers, font packs, and generative AI features.

06

Enterprise Support

Dedicated support engineers and comprehensive SDK documentation for web and mobile.

CUSTOMERS

Trusted by teams shipping at scale

Mastercard
Bank of America
Fidelity
Twilio
Lightspeed
Chargebee
Keap
Airship
Hive
Innovaccer
Mastercard
Bank of America
Fidelity
Twilio
Lightspeed
Chargebee
Keap
Airship
Hive
Innovaccer
SOC 2 Compliant
Type II audited security controls & encryption
99.9% Uptime SLA
Clustered multi-region infrastructure & monitoring
1000+ SaaS Brands
Millions of emails, pages, and documents built daily
USE CASES

Edit any image type.

From eCommerce catalog cropping and background removal to multi-channel social formats and QA markups.

CANVAS: 1:1 SQUAREAI MASK ON
Product Cutout • Shadow Added
Ratios: 1:1 • 4:3 • 16:9Auto-Center
SCENARIO 01 // ECOMMERCE & CATALOGS

Product Photography

Enable eCommerce sellers to crop product shots, remove backgrounds, and adjust lighting.

Background RemovalCrop RatiosColor Balance
INSTAGRAM / TIKTOK9:16 (1080x1920)
FiltersStickersWatermark
One-Click Multi-Channel Resizing
SCENARIO 02 // MULTI-FORMAT SOCIAL

Social Media Creatives

Resize visuals for Instagram, LinkedIn, and Facebook with branded overlays and sticker graphics.

Aspect RatiosStickersWatermarks
MARKUP TOOLSPen & Callout
"Update CTA label"
Sensitive Data BlurredSaved
SCENARIO 03 // DOCS & QA MARKUP

Annotations & Markup

Allow support teams and designers to draw arrows, highlight sections, and add callouts.

Arrows & PensText CalloutsBlur Sensitive Info
FEATURES

Everything your users need to ship great images.

Smart cropping, filters, drawing annotations, and conversational AI retouching.

01

AI Chat Photo Editor

Edit photos using plain English instructions like 'make the background warmer' or 'remove the glare'.

02

Smart Cropping & Resizing

Preset aspect ratios (16:9, 4:3, 1:1, 9:16) with pixel-level dimensions and rotation controls.

03

Filters & Color Grading

Professional photo filters with granular brightness, contrast, saturation, and hue adjustments.

04

Drawing & Shapes

Smooth freehand brush tools, geometric shapes, arrows, and line width customization.

05

Sticker & Badge Library

Curated vector stickers, badges, emojis, and promotional labels ready to drag onto photos.

06

Instant Background Eraser

One-click AI subject isolation and background transparency cutout.

DEVELOPERS

A platform,
not just an SDK.

The full developer surface: SDK, REST APIs, React Elements, a CLI, and agent skills for your AI tools.

  • 01Embeddable SDK:typed config, themes, events, and granular permissions
  • 02React Elements:the same JSX renders to email tables, web flexbox, or print PDF
  • 03JSON designs:round-trip between code and the visual editor; versionable and diffable
  • 04CLI and agent skills:for Cursor, Codex, Claude Code, and your CI pipelines
src /UnlayerEditor.tsx
1// Initialize Unlayer 2const builder = unlayer.createEditor({ 3 id: 'editor', 4 displayMode: 'email', 5 appearance: { 6 theme: 'modern_light' 7 } 8}); 9 10// Load the template 11builder.loadDesign(template); 12 13// Export HTML 14builder.exportHtml(function (data) { 15 const json = data.design; // template json 16 const html = data.html; // exported html 17});
FAQ

Frequently asked questions.

Everything you need to know about embedding Unlayer's creation engine into your product stack.

Unlayer embeds in minutes using our official React, Vue, Angular, or vanilla Web Component SDKs. You simply pass a target container ID, authentication credentials, and project configuration. Your engineering team retains full control over the surrounding application shell, storage, and user authentication.

Have a custom requirement or technical question?

LAUNCH IN DAYS, NOT YEARS

Ready to embed content creation
into your app?

Start your 14-day free trial today, or schedule a technical walkthrough with our solutions engineers to see Unlayer running inside your stack.

No credit card requiredSOC 2 Type II14-day full access