Add image annotation to your web apps.
marker.js is a JavaScript library that makes it easy to add image annotation to your web apps. It's simple to use and easy to customize.
Visual feedback in your app.
Enable your users to add markup to images in your app.
Add text, arrows, emojis, callouts, and other shapes to your images to provide visual feedback.
Start using marker.js today. It's free!
marker.js is free to use in any type of application under the linkware license. Install or download the latest version and start adding image annotation to your app today.
Quick start
Let's get started.
Add marker.js to your project, create an instance, assign an image to annotate, and you are good to go!
Installation.
Add marker.js to your project
npm install @markerjs/markerjs3
Annotation editor.
Import MarkerArea from @markerjs/markerjs3:
import { MarkerArea } from '@markerjs/markerjs3';Create an instance of MarkerArea, assign an image to annotate, and add it to the page:
const markerArea = new MarkerArea();
markerArea.targetImage = targetImg;
editorContainerDiv.appendChild(markerArea);
Now you are ready to create markers. Refer to the documentation to continue learning...
Simple pricing, yours forever.
You can use marker.js under the linkware license for free, or choose one of the commercial licenses to remove the logo.
Get the brand new marker.js 3 license with a 50% discount until the end of April, 2025!
Linkware
For any project as long as you don't mind a small logo.
Always free
$0
- Any project
- Any team size
- Community support
- Free with a small logo
Single Application
Use in one application, remove the logo.
Intro sale - 50% off
$249
$499
- 1 application
- Any team size
- Yours forever
- 1 year of premium support and major version updates ?
- Remove the logo
Unlimited Applications
Use in unlimited applications, remove the logo.
Intro sale - 50% off
$495
$990
- Unlimited applications
- Any team size
- Yours forever
- 1 year of premium support and major version updates ?
- Remove the logo
OEM
For use in developer tools and white-label products.
Intro sale - 50% off
$1,495
$2,990
- Unlimited applications
- Any team size
- Yours forever
- 1 year of premium support and major version updates ?
- Remove the logo
- Use in developer tools
- Use in white-label products
Frequently asked questions
If you can’t find what you’re looking for, reach out and we will sort it out.
Can I use marker.js for free?
Yes! You can use marker.js under the linkware license for free. This means you can use it for free if you don't mind the small logo in the corner.
I have a marker.js 2 license, do I get version 3 license free of charge?
If you have an active marker.js 2 support subscription you will get a free upgrade to marker.js 3. You should receive an email with your marker.js 3 key and instructions on how to apply it.
If your marker.js 2 support subscription has expired, please reach out to get a discount on version 3.
Does marker.js work with React? Vue.js? Angular? Svelte?
Yes! marker.js is framework-agnostic and works with any modern web framework.
I don't use any framework, or bundler, can I still use marker.js?
Yes! You can use marker.js with plain HTML, CSS, and JavaScript. Either download the package or use it via CDN. Check out the documentation for more information.
I found a bug, how can I report it?
If you have an active support subscription please reach out directly via email for a quick response. Otherwise, please post the issue on GitHub.
I've developed an extension or fixed a bug, can I contribute it?
Unfortunately, due to licensing complications we don't accept contributions to the core library.