Subscribe
Sign in
FilePond.js
p/filepond-jsUploads anything you throw at it ☁️
Start new thread
Rik Schennink

Doka.js - A JavaScript image editor for your website βœ‚οΈ

byβ€’

βœ‚οΈ 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.

Add a comment

Replies

Best
Rik Schennink
Maker
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.
levelsio
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
Maker
@levelsio Thanks Pieter!
Janez Novak
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
Maker
@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.
Akshay Kadam(A2K)

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 πŸŽ‰

Pros:

Best Image Editor out there

Cons:

None

Justin Johnson
I love how simple this is. Will this also work in Jacascript based apps or just in the browser?
Rik Schennink
Maker
@justinotherjohnson, to be honest, I haven't tested it yet but as those often run on WebKit based engines I don't see why it shouldn't. So Electron and Cordova are fair game.
Ronald Langeveld
Considering how awesome FilePond.js is, Doka.js definitely won't disappoint. Congrats on the launch Rik!
Rik Schennink
Maker
@ronald Thanks for the kind words Ronald!
levelsio

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.

Pros:

Slick image editor

Cons:

Not available

Álvaro Trigo 🐦πŸ”₯
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!
Herman Orlando Morales Lopez
ThatΒ΄s so amazing, i like it
Cam Adair
Amazing tool! Well done RIk!
Rik Schennink
Maker
@camerondare Thanks Cam! :D
Bruno Lemos
Congrats on the launch, looks super high quality and polished πŸ‘πŸ‘
Rik Schennink
Maker
@brunolemos Thanks for the feedback Bruno πŸ™Œ
Aiden
Congrats on the launch, it looks amazing!
Rik Schennink
Maker
@aidenbuis Thanks! Glad to hear that :D
Daniel Kempe
Can we purchase then customise?
Rik Schennink
Maker
@danielkempe Hi! Style customizations can be made with CSS: https://pqina.nl/doka/docs/patte... Functionality wise I'm exposing a way to add plugins in the near future.
Daniel Kempe
@rikschennink Ok, so I couldn't add unsplash api and text overlays for example?
Rik Schennink
Maker
@danielkempe You can integrate with the unsplash API for retrieving images I think, and you could use an upload library for pushing files to unsplash. Text overlays are currently not part of the product but are on the roadmap. You could, for instance, add them in a second image editing step.
David KΓΌnnen
Very cool product. Great work!
Rik Schennink
Maker
@kunnendavid Thanks David!
Nicolas Moinard
Great job @rikschennink, the product looks amazing!
Kristian Primdal

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.

Pros:

Just works

Cons:

None

Ivan Ivanov
Very nice!
Eben Akwuruoha
This is great work @rikschennink... Well done
Chase Olivieri
Handy tool for client-side image editing! πŸŽ‰Congrats on the launch @rikschennink!