@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.

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

doc
MotionDoc
required
The animation document to play.
loop
boolean
default:"false"
Restart when the timeline ends.
autoplay
boolean
default:"false"
Start playing on mount.
style
ViewStyle
Style for the host view (size, position, background).
Native views can’t express every web paint feature. Transforms, opacity and solid fills are exact; gradients are approximate and SVG vector paths / shaders aren’t drawn. Check the fidelity matrix before relying on a complex fill.

Expo

The adapter is pure JS, so it runs under Expo without any config plugin or prebuild. Drop a <BlinnMotionView /> into your screen and go.