marker.js
Add image annotation to your web apps.
Description
marker.js is a JavaScript library that enables seamless integration of image annotation capabilities into web applications. Designed for simplicity and flexibility, it allows users to add visual markup such as text, arrows, shapes, and emojis directly onto images.
The library features fully customizable, headless web components that work with any modern framework, as well as a ready-to-use editor UI. Its interactive viewer and renderer components make it straightforward for developers to display, edit, and render annotated images within any app.
Key Features
- Annotation Tools: Add text, arrows, emojis, callouts, and shapes to images
- Customizable Components: Headless web components fit any framework or design system
- Ready-to-Use Editor UI: Prebuilt annotation editor interface available
- Interactive Viewer: Display, save, and interact with annotation overlays
- Image Renderer: Render annotated images for display or export
- Framework Agnostic: Works with React, Vue, Angular, Svelte, or plain JavaScript
- Flexible Licensing: Free linkware version or commercial licenses for advanced use
Use Cases
- Providing visual feedback in web apps
- Screenshot annotation tools
- Design review and collaboration
- Educational image markup
- Bug and issue reporting with screenshots
- Online image editing in SaaS products
- Custom user-generated content annotation
Frequently Asked Questions
Can I use marker.js for free?
Yes, marker.js can be used for free under the linkware license, which includes a small logo in the corner.
I have a marker.js 2 license, do I get version 3 license free of charge?
If you had an active marker.js 2 support subscription when version 3 was released, you receive a free upgrade to marker.js 3.
How do I choose between marker.js 3 and marker.js UI?
Choose marker.js UI for a ready-to-use editor interface, or marker.js 3 for fully integrated, customizable annotation editing.
Does marker.js work with React, Vue.js, Angular, or Svelte?
Yes, marker.js is framework-agnostic and works with all major web frameworks.
Can I use marker.js without a framework or bundler?
Yes, marker.js can be used with plain HTML, CSS, and JavaScript, either by downloading the package or using a CDN.
