Doka.js

A JavaScript image editor for your website ✂️

get it
#2 Product of the WeekNovember 27, 2018
+1

✂️ A vanilla JavaScript library for cropping and editing images in the browser.

📱 Fast on older and newer devices. Handles touch, mouse, and keyboard input.

🕹 Rotate, turn, scale and flip images.

🗜️ Compress, reformat, and resize images on the client.

🔌 Easily integrate with libraries like Dropzone, Uppy, jQuery File Upload, and FilePond.

Reviews

  • Akshay Kadam(A2K)
    Akshay Kadam(A2K)Maker of all things JavaScript 😘
    Pros: 

    Best Image Editor out there

    Cons: 

    None

    I've seen this product built by Rik for months & months polishing it to every last detail & sharing all the cool GIFs on Telegram & Twitter. This has to be the best image editor. Great job Rik 🎉

    Akshay Kadam(A2K) has never used this product.
  • Pros: 

    Just works

    Cons: 

    None

    Needed this for a project and found it a few month ago, while it was still a part of Filepond. Everything just worked as expected, 5 min install and easy to configure.

    Kristian Primdal has used this product for one month.

Discussion

You need to become a Contributor to join the discussion - Find out how.
Rik Schennink
Rik SchenninkMaker@rikschennink · Indie product dev • Web enthusiast
Hi! I'm Rik, in March this year I launched FilePond.js an open source file upload library 🚀 Doka.js was initially going to be a plugin for FilePond, but as the project grew I figured it would work better as a stand-alone solution. So here we are! Doka.js features everything you need to handle image cropping on your website. Turning, rotating, flipping, setting a fixed or free aspect ratio, client-side transforming of raster images (and SVG's), mobile photo orientation correction, loading from various file origins, rendering fullscreen, in a container, and editing images in-place. 🤯 As Doka.js is a vanilla JavaScript solution and features a straight-forward file-in 💫 file-out API it easily integrates with existing platforms and libraries. To lower the bar even further the package contains helper functions and examples for linking with Dropzone, Uppy, jQuery File Upload, and of course FilePond. 🔌 Doka.js is named after the Dutch short word for "Donkere kamer" which stands for "photography Darkroom", so, now you know. With my Dutch roots, that seemed fitting. 🧀 That's it for now! I'm going to grab a ☕️ and will be here all day to answer your questions.
Pieter Levels
Pieter Levels@levelsio · 🌏 Serial maker 🏝Nomad List + et al
Doka takes away the pain from your site's users having to edit images on their own devices and letting them do it on-site super smoothly.
Rik Schennink
Rik SchenninkMaker@rikschennink · Indie product dev • Web enthusiast
@levelsio Thanks Pieter!
Ronald Langeveld
Ronald Langeveld@ronald · I just wanna surf
Considering how awesome FilePond.js is, Doka.js definitely won't disappoint. Congrats on the launch Rik!
Rik Schennink
Rik SchenninkMaker@rikschennink · Indie product dev • Web enthusiast
@ronald Thanks for the kind words Ronald!
Great product. But in my opinion, the price model is too high for a plugin. The amount should cover lifetime updates. For this kind of money per year you get software that offer a wide variety of options. For example Sketch or any other similar per-year subscriptions.
Rik Schennink
Rik SchenninkMaker@rikschennink · Indie product dev • Web enthusiast
@bjohn Thanks for the feedback Janez! Pricing is often a subject of discussion. I've thought about pricing a lot. I feel it's important my customers purchase a product that functions and continues functioning into the future, you purchase a guarantee that if it doesn't function I will help you out. You're paying for continuous personal support and updates. The goal is to create an environment in which I can keep building and extending the product without running out of funds, I think this is in the customers best interest.
Álvaro Trigo  🐦🔥
Álvaro Trigo 🐦🔥@imac2 · Web entrepreneur
A beautiful design for a great tool! Filepond have a great UI and Doka is following exactly the same line! Easy to use for visitors and easy to use for developers! It is a hidden gem!
Rik Schennink
Rik SchenninkMaker@rikschennink · Indie product dev • Web enthusiast
@imac2 Thanks @imac2 !