by PQINA

High-performance JavaScript Image Editing in the Browser

Fast implementation and great UX

The fastest and easiest way to add image editing capabilities to your SaaS, website, or web-based app.

Doka Image Editor kills it in both user and developer experience. It's simple to get working and the UX is streets ahead of similar offerings. A brilliant library!

Integrates with your favourite stack

Doka Image Editor is written in vanilla JavaScript and has zero dependencies. It ships with multiple adapter components to facilitate fast integration with popular frameworks like jQuery, React, Vue, Angular, and Svelte.

Intuitive interaction on each device

The editor layout automatically updates to best fit the available space. Doka Image Editor ships with intuitive interaction patterns like multi-touch resizing and inertia dragging, it feels native on mobile, tablet, and desktop.

Overlay crop guides

Visually indicate how to make the perfect crop. Whether it's rendering a circular overlay to indicate profile picture bounds, or indicating print bleed margins, the shape API has got you covered.

Lock crop aspect ratio

Be sure customer images always conform to your requirements and fit perfectly by defining a fixed aspect ratio or by supplying a list of preset aspect ratios.

Use without UI

Don't need a user interface? Doka Image Editor can run in headless mode. Import the processImage method and you can use the full Doka Image Editor SDK programatically.

Freely rotate, flip, and scale images

Rotate, resize and flip pictures to make the perfect crop. Scale images using the mouse wheel, touch-pad, or mobile multi-touch input.

Powerful annotation tools

Draw rectangles, circles, lines, arrows, and text. Rotate, resize, duplicate and z-order annotations. Freedraw with a sharpie. Control which tools are available, which colors and fonts can be choosen from, and much more.

Force crop inside the image bounds

Doka Image Editor will automatically adjust zoom and position while rotating and scaling to make sure the crop is inside the bounds of the input image. Of course this can be disabled just like any other feature.

Beautiful preset filters

Choose from a growing set of carefully crafted filters. Extend the default filters with your own filters and the Doka Image Editor interface will update automatically.

Powerful color controls

Adjust brightness, contrast, exposure, saturation, clarity, and gamma. Need more control, extend the default finetune controls with your own.

Generate images in the Browser

No server dependency. Get faster and more stable image uploads plus lower server bandwidth usage by compressing, resizing, and converting images in the browser.

Art direction with shape templates

The Markup Shape API enables programmatic control over how shapes can be manipulated. Lock shapes in place, prevent changing the style of a shape, or only allow updating the text.

Picture caption

Live image preview

Render on top of an image to show a live preview of the result. Ideal for editing a profile page header or landing page hero images.

Give live preview mode a try below!

Loading editor...

Ready to get started?

If you find Doka Image Editor is not a great fit for you project, contact us within 60 days and we'll refund you in full, no questions asked.

We love working with Doka Image Editor - it has given us a shortcut to offering image cropping and stickers that would have been very difficult to implement ourselves.