react-native-inkpad

A native ink canvas for React Native. It draws with androidx.ink on Android, PencilKit on iOS and Canvas 2D on the web.

What I built

Pen, marker and highlighter brushes, an eraser, undo and redo, a stylus-only mode and export to PNG, JPEG or SVG trimmed to the drawing.
On the web it uses the Ink API for lower latency in Chrome, Edge and other Chromium browsers.
A drop-in replacement for react-native-signature-canvas: props, callbacks and ref methods keep working, with a few documented differences.
It renders drawings to an image or SVG without a canvas, and its svg entry runs on a server without React Native.
Drawings load and save off the UI thread.
Documents from getStrokes() load in every later version.