Skip to content
React Native Image Marker
Menu
PlaygroundGet startedGuidesAPI
Auto
English

Add watermarks anywhere.

Style text, place logos, and export on iOS, Android, or the web. Your images stay on your device.
Try it in your browserGet started
No uploadsiOS + AndroidWeb browsersNew ArchitectureExpo development builds

What you can do

Add text, logos, or both.

Add text or logos to a local image, adjust each item, then export JPEG, PNG, or base64. Everything runs on the device or in the browser.

01

Text watermarks

Set the font, color, background, shadow, and angle.

02

Logo watermarks

Resize, rotate, fade, and trim transparent edges.

03

Exact placement

Choose a preset position or enter X/Y coordinates.

04

Useful output

Save JPEG, PNG, or base64 and control image quality.

npm install react-native-image-marker
Coastal landscape with a styled label, title, timestamp, and image logo watermark
Text + logoCreated in one pass

Example explained

What was added to this image

Each of these four items can be adjusted separately.
  1. 01
    LabelFont, color, and background
  2. 02
    TitleSize, shadow, and position
  3. 03
    TimePosition and pixel offsets
  4. 04
    LogoSize and opacity

Watermarks are added in the order they appear in your list.

Night street with multiple text layers, a rotated caption, and an image logo watermark
Text and logoAngle · order · style
Concrete architecture with a large translucent cobalt image watermark
Large logoSize · opacity · position
Aerial mountain road with an image target precisely placed at absolute coordinates
Exact placementCoordinates · PNG output

Choose what you want to add

Section titled “Choose what you want to add”
Marker.markText

Add one or more lines of text. Adjust the font, color, background, shadow, angle, and position.

Marker.markImage

Add a logo, QR code, icon, or any other image on top of your photo.

Marker.mark

Add text and images together, then choose which one appears on top.

Everything runs on the device or in the browser. There is no account to create and no image upload. When you add several watermarks, items later in the list appear on top.

Try the live Web SDK, install the library, or go directly to choosing an API.