Doka.js - A JavaScript image editor for your website ✂️

✂️ 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
Wow, fantastic video and tool as well. Really nice work guys.
Thanks Dima! 😊
Would be great replacement of (Adobe creative SDK will stop support of the product this year). Hope to see more features
I want to slowly extend it with image color controls, filters and possibly text and symbols.
Will for sure be checking this out and sharing with my dev team to look at. We run a very image heavy web app and providing a way to make some basic adjustments to images after uploading would be rad
Let me know if you have any questions Clayton, always happy to assist.
Rik, Congrats. I see this makes the client side things easy. In my opinion, the real challenge is displaying images correctly in a view-port - on the client side. The images themselves can be from anywhere on the cloud. The end-user may access the service from any device, device orientation. Devices may each have standard or high density displays. So you have view-ports that are 1. square, 2, portrait 3. landscape The images may be in any format 1. square, 2, portrait 3. landscape There are additional issues with focus-point, which is best determined at the time of uploading. - Can you also provided the corresponding view port? This is major hassle in the product catalog business (where you may have easily have 100,000+ images) Thoughts?
Thanks ! Doka is aimed at helping customers make the right Crop and defining their perfect image composition. I think these tools might help you solve the issues you refer to: Responsive images: Defining a focal point: So for instance, you could make a crop with Doka and then in the next step manually click on the image to select a focal point, upload the file data along with the focal point info. Then on the client you use focal-point and responsive images to render the correct output on every viewport.
This is awesome. Thanks for sharing the progress along the way. It's been fun to watch this come to life.
Thanks Kai! Thanks for taking interest in the journey! :D
Great work Rik.
Thanks Naga!
Will it work in WordPress?
Not out of the box, you would need to integrate it with a file upload plugin first.
Great product and UI!!! Would be really helpful for me, congrats on the launch!!!
Thank you Ted!
do your university project and homework without spend time.
حل تمرین دروس کارشناسی و ارشد و دکتری انجام پروژه های پایانی و پایان ترم کارشناسی و ارشد تمام رشته ها نگارش و مشاوره نگارش سمینار، پایان نامه و مقاله ترجمه تخصصی پروژه متلب c برنامه نویسی