[](https://www.jsdelivr.com/package/npm/@abramzog/annotorious)
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](https://recogito.github.io/annotorious/)
for details and live demos.
## Installing
If you use npm, `npm install @abramzog/annotorious` and
```javascript
import { Annotorious } from '@abramzog/annotorious';
import '@abramzog/annotorious/dist/annotorious.min.css';
const anno = new Annotorious({ image: 'hallstatt' }); // image element or ID
```
Otherwise download the [latest release](https://github.com/recogito/annotorious/releases/latest)
and include it in your web page.
```html
```
## Using
```html
```
Full documentation is [on the project website](https://recogito.github.io/annotorious/). Questions? Feedack? Feature requests? Join the
[Annotorious chat on Gitter](https://gitter.im/recogito/annotorious).
[](https://gitter.im/recogito/annotorious?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
## License
[BSD 3-Clause](LICENSE) (= 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
 [](https://crowdsourced.micropasts.org/)
Using Annotorious? [Let us know!](https://gitter.im/recogito/annotorious)
## Installing
If you use npm, `npm install @abramzog/annotorious` and
```javascript
import { Annotorious } from '@abramzog/annotorious';
import '@abramzog/annotorious/dist/annotorious.min.css';
const anno = new Annotorious({ image: 'hallstatt' }); // image element or ID
```
Otherwise download the [latest release](https://github.com/recogito/annotorious/releases/latest)
and include it in your web page.
```html
```
## Using
```html