JavaScript image annotation library

Add drawing, commenting and labeling functionality to images on your website with a few lines of JavaScript

Download Annotorious 2.7.12

Or get the latest OpenSeadragon plugin. 

var anno = Annotorious.init({
  image: document.getElementById('image-to-annotate')
});

// Load annotations in W3C Web Annotation format
anno.loadAnnotations('annotations.json');

// Attach listeners to handle annotation events
anno.on('createAnnotation', function(annotation) {
  console.log('Created!');
});

Integrate anywhere. Client-only JavaScript. Works in the browser with no server-side dependencies. With a rich JavaScript API that has everything you need to build your own tailor-made annotation applications. Get started.

Flexible. Extensible. Interoperable. Based on the W3C standard for web annotations. Fully customizable. Change look & feel with CSS, write your own formatters to apply rule-based annotation styles, or build your own plugins and editor extensions.

Annotorious is also available as a plugin to OpenSeadragon, a JavaScript viewer for high-resolution zoomable images. Learn more.

Download OpenSeadragon Plugin 2.7.14

Who's using Annotorious?

Using Annotorious? But not listed here? Get in touch!