React Native adapter

@blinn-motion/react-native renders a MotionDoc onto native <View> and <Text> elements. There’s no native module and no Skia dependency — it shares the same pure-JS core maths as every other adapter, so timing matches the web exactly. Works with Expo and bare React Native.

Install

npm i @blinn-motion/react-native

Use it

import { BlinnMotionView } from "@blinn-motion/react-native";
import doc from "./card.motion.json";

export function Splash() {
  return <BlinnMotionView doc={doc} loop autoplay />;
}

Props

MotionDoc

required

The animation document to play.

boolean

default:"true"

Restart when the timeline ends.

boolean

default:"true"

Start playing on mount. Forced off when progress is set.

number

default:"1"

Playback speed.

number

Controlled 0…1 for gesture- / scroll-linked motion.

(t: number, fraction: number) => void

Per-frame callback.

ViewStyle

Style for the host view (size, position, background).

Imperative handle

Via ref: play · pause · stop · toggle · seek · seekFraction · setProgress · setRate.

Expo

npx expo start

See examples/expo for the advanced transport / progress demo (single native stage — no Canvas dual backend on RN).

Fidelity notes

RN trades some web-only paint features (vector paths, procedural shaders) for native Views. Transforms, opacity, and timing match the other adapters. See the fidelity matrix.

Get started

Core concepts

Adapters

Guides

Reference

Install

Use it

Props

Imperative handle

Expo

Fidelity notes

​Install

​Use it

​Props

​Imperative handle

​Expo

​Fidelity notes

Install

Use it

Props

Imperative handle

Expo

Fidelity notes