Enforce Aspect Ratio

Client-side Transforms

Boost file upload speed and lower server bandwidth usage by compressing, resizing, and converting the files on the client. Doka can output both raster and vector data.

Rotate, Resize and Flip

Rotate, resize and flip pictures to make the perfect selection. Scale image using the mouse wheel or mobile multi-touch controls.

Quickly turn images in 90° steps, finetune the result using the rotation control at the bottom of the viewport.

Responsive and Accessible

Automatically scales to available space. Can be controlled by Touch, Mouse, and/or Keyboard.

Doka is functional on both mobile and desktop browsers and has been successfully tested on fast and slow devices.

That's not all…

Apply popular filters to images

Define custom shaped crop masks using SVG

Set a minimum output image size

Enable the resize tool to allow customisation of the output size

Full screen and modal layout mode

Set to preview mode to render on top of an existing image

Render as editor mode right in the webpage

Load file objects, URLs, and dataURLs

Load canvas elements and image tags

An intuitive user experience on all platforms

Load raster images like GIFs, PNGs, JPEGs and Bitmaps

Load, transform, and save SVGs

Automatically corrects photo orientation

Copy JPEG EXIF data to output image

Transform input images to other image formats

Compress JPEG images

Easily integrate with third party libraries

Change locale of all labels

Enable additonal rotate right button

Enable or disable aspect ratio dropdown

Customize aspect ratio dropdown options

Load images by dropping files on editor

What's on the Roadmap for the near future

Brightness and contrast controls

Letterbox cropping

Auto sharpen

Light theme

Doka Web Component

Missing a feature? Let us know here

A user-friendly approach to image cropping

Empower your users to personalize their profile pages.

On big viewports we can use preview mode to help the user edit an image in place. This makes it possible to judge the result before confirming the crop.

Editing the profile picture in place would be cumbersome because of the limited space. By switching Doka to full view mode and enabling a crop mask we create more room for the editing experience and still allow previewing the result.

Hit the ground running with FilePond

Use Doka and FilePond together to create a streamlined editing and uploading experience.

Before

Select file

After

Easily integrate Doka with your project

Doka weighs around 30 Kb gzipped, is written in native JavaScript (it includes a TypeScript definition file), and has zero dependencies, therefore, it can be combined with any framework or library. Whether your project is based on React, Vue, Angular, jQuery, or something else, as long as it's based on JavaScript, Doka will fit right in.

New in Doka v3! Vue and React Components

With the newly added React and Vue components it's now even easier to integrate Doka in your web application.

Compatible with a wide range of browsers and devices

Doka is compatible with browsers going back as far as Internet Explorer 11 and performs fine on older Android and iOS devices as well. Check the list below to make sure Doka runs on the most common browsers used by your target audience.

Desktop

Chrome latest

Firefox latest

Opera latest

Microsoft Edge 12+

Safari 9+ Mac

Internet Explorer 11

Mobile

Safari 9+ iOS

Chrome Android

Firefox Android

Integration with familiar File Upload libraries

The Doka API is set up to integrate beautifully with all kinds of file upload solutions. Whether you're using FilePond, Dropzone, Uppy or jQuery File Upload, installation will be a breeze.

The product package includes example integrations and helper functions for all the plugins above.

PQINA serves over 7500 customers and is rated 4.93 out of 5 stars based on 425+ customer reviews

Package & pricing

After purchasing Doka you receive a unique license key and a package containing the license and library files. See the file tree below for a full overview of the package contents.

Package contents

The package contains various integration examples with popular file upload libraries and contains basic Doka setups for JavaScript, React, and Vue. These can all be used as a development starting point.

license.pdf

README.md

CHANGELOG.md

bin

doka.min.js

doka.min.css

doka.esm.min.js

doka.polyfill.min.js

doka.esm.min.d.ts

react-doka

vue-doka

examples

native

react

vue

integrations

filepond

dropzone

uppy

jquery-fileupload

file-input

License options

Doka subscriptions start from $79/year, active subscriptions receive all the latest features and updates as well as high-quality, personal support.