Has anyone come accross a JavaScript/jQuery based library that helps to annotate images with arrows?

Would be great for us to use in our project.

image annotated with arrows

  • 1
    What do you mean with "Online"?
    – unor
    Commented Jul 26, 2015 at 20:44

4 Answers 4


Have you tried djaodjin-annotate.js before? It should be exactly what your looking for,

djaodjin-annotate.js (Open Source)

djaodjin-annotate.js is a simple jquery plugin allowing you to annotate a screenshot.

enter image description here


If you are looking for a commercial product, the LEADTOOLS JavaScript libraries can definitely do this for you. There is an online demo that you can test out as well found here. Below you will see a screenshot of the demo with arrow annonations as well as other annotations that can be added:

enter image description here

If you are interested, you can evaluate the toolkit and make any modifactions you please. The free eval last for 60 days and includes demos as well as the source code.

Disclaimer: I am an employee of this product


Essential Diagram for JavaScript allows you to annnotate images. Simple sample application:link.

Essential Diagram with annotation

The whole suite of controls is available for free through the community license program if you qualify. Note: I work for Syncfusion.


We just released a developer library/api for annotation product Markup Hero. It's quite slick and easy to implement. Here is a demo of it in action with Notion (this is just a demo, Notion hasn't integrated it... yet). But we have a handful of SaaS companies integrating. Quite flexible and clean.

30 Second Video Demo: https://youtu.be/miB3yD1xlTI

Quick Interactive Demo: https://markuphero.com/try/notion-annotation-api-demo.html

Info on the library is here: https://markuphero.com/integrations/annotation-api.html

Documentation for the library is here: https://docs.markuphero.com/#summary

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.