A JavaScript image annotation library

Downloads in past


450222.7.102 months ago3 years agoMinified + gzip package size for @recogito/annotorious in KB


A JavaScript image annotation library. Add drawing, commenting and labeling functionality to images in Web pages with just a few lines of code. Weighs less than 300kB. See the project website for details and live demos.


If you use npm, npm install @recogito/annotorious and
import { Annotorious } from '@recogito/annotorious';

import '@recogito/annotorious/dist/annotorious.min.css';

const anno = new Annotorious({ image: 'hallstatt' }); // image element or ID

Otherwise download the latest release and include it in your web page.
<link rel="stylesheet" href="annotorious.min.css">
<script src="annotorious.min.js"></script>


  <div id="content">
    <img id="hallstatt" src="640px-Hallstatt.jpg">
    (function() {
      var anno = Annotorious.init({
        image: 'hallstatt'

  <script type="text/javascript" src="annotorious.min.js"></script>
Full documentation is on the project website. Questions? Feedack? Feature requests? Join the Annotorious chat on Gitter.
Join the chat at https://gitter.im/recogito/annotorious


BSD 3-Clause (= feel free to use this code in whatever way you wish. But keep the attribution/license file, and if this code breaks something, don't complain to us :-)

Who's Using Annotorious

NHS Wales Logo   MicroPasts Logo
Using Annotorious? Let us know!