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

Preview sale — 80% discount!

While marker.js for React Native is in beta, you can get a commercial license with a massive 80% discount.

Get the deal now!

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

Simple pricing, yours forever.

You can use marker.js for React Native under the linkware license for free, or choose one of the commercial licenses to remove the logo.

Note: This pricing is for the React Native version of marker.js. For web, please refer to the web pricing section.

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 
Get startedRead license

Single Application

Use in one application, remove the logo.

Preview sale - 80% off

$99

$499

  • 1 application 
  • Any team size 
  • Yours forever 
  • 1 year of premium support and major version updates ?
  • Remove the logo 
Read license

Unlimited Applications

Use in unlimited applications, remove the logo.

Preview sale - 80% off

$199

$990

  • Unlimited applications 
  • Any team size 
  • Yours forever 
  • 1 year of premium support and major version updates ?
  • Remove the logo 
Read license

OEM

For use in developer tools and white-label products.

Preview sale - 80% off

$598

$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 
Read license

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.