marker.js for React Native

Image annotation library for your React Native apps.

Annotation feature for your apps.
Add image annotation capabilities to your React Native apps with ease.
Create, display, and render annotations.
Enable your users to annotate images, display dynamic annotations on top of images, or render them as static images.
Free to use.
You can use marker.js for React Native for free as long as you don't mind a small logo in the corner.
Get started nowTry the demo
App screenshotmarker.js for React Native Screenshot

Start using marker.js for React Native today. It's free!

marker.js for React Native is free to use in any type of application under the linkware license. Install the latest version and start adding image annotation to your app today.

Quick start

Let's get started.

Add marker.js for React Native to your project, assign an image to annotate, and you are good to go!

Installation.

Add marker.js for React Native to your project

npm install @markerjs/react-native-markerjs

Annotation editor.

Import MarkerArea from @markerjs/react-native-markerjs:

import { MarkerArea } from '@markerjs/react-native-markerjs';

Add a MarkerArea component, assign an image to annotate, and annotation state:

const [annotation, setAnnotation] = useState<AnnotationState | null>(null);
...
<MarkerArea
  targetSrc={targetImage}
  annotation={annotation}
  onAnnotationChange={setAnnotation}
/>

Now you are ready to create markers. Refer to the documentation to continue learning...

Getting started guide

Frequently asked questions about marker.js for React Native

For general marker.js questions, check out this FAQ. If you can’t find what you’re looking for, reach out and we will sort it out.

    • Can I use marker.js for React Native for free?

      Yes! You can use marker.js for React Native 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.

    • Is marker.js for React Native state compatible with marker.js 3?

      Yes and no. They both use the same structure for annotations and the same marker types. Having said that, there are some differences in implementation of some marker types related to platform specifics. The ultimate goal is to make them fully compatible, but for now it's not a 1:1 match.

    • I found a bug, how can I report it?

      If you have an active support subscription for marker.js 3 please reach out directly via email for a quick response. Otherwise, please post the issue on GitHub.