Add image annotation functionality to any web page with a few lines of JavaScript. Visit the project website for documentation and live demos.

npm install @annotorious/annotorious

import { createImageAnnotator } from '@annotorious/annotorious'; import '@annotorious/annotorious/annotorious.css'; const anno = createImageAnnotator('image-to-annotate'); // Load annotations from a file anno.loadAnnotations('./annotations.json'); // Listen to user events anno.on('createAnnotation', function(annotation) { console.log('new annotation', annotation); });

Annotorious is licensed under the BSD 3-Clause license.

Visit the Discussion Forum for community support, or file an issue on the Issue Tracker.

Looking for help with integration, customization, or feature development? I offer consulting and professional services for teams and organizations that need dedicated support or technical guidance. Services are available on an hourly basis.

Contact me at hello@rainersimon.io to discuss your project.

Documentation for Annotorious version 2.7 is available here.