For AI agents: the complete documentation index is available at /llms.txt, the full documentation bundle is available at /llms-full.txt, and this page is available as Markdown at /index.md.
  • English
  • React Native Text Motion
    Give your words a rhythm.

    Compose reusable text animations with splitters, renderers, timelines, and effects.

    Give your next title a little motion.

    npm
    yarn
    pnpm
    bun
    deno
    npm install @react-native-motion-kit/text-motion react-native-reanimated react-native-worklets
    React Native Motion Kit logoReact Native Motion Kit logo
    ✨

    Start with a preset

    Turn editorialRise, softWave, or gentleEmphasis into a reusable component in a few lines.

    🧩

    Compose your own recipe

    Choose how text splits, how tokens render, when they start, and how they move.

    📐

    Reveal rendered lines

    Use overlayText and lineReveal to animate the lines React Native actually lays out.

    ⌨️

    Type without shifting layout

    Reveal graphemes while preserving the completed phrase's token layout.

    🎛️

    Own playback

    Replay from events with explicit controls or drive motion from your Reanimated shared value.

    ♿

    Keep text readable

    Expose the full phrase once to screen readers and choose a reduced-motion policy.