For AI agents: the complete documentation index is available at /ko/llms.txt, the full documentation bundle is available at /ko/llms-full.txt, and this page is available as Markdown at /ko/index.md.
Text Motion
  • 한국어
      • React Native Text Motion
      글자에 리듬을 더하세요.

      텍스트 분할, 렌더러, 타임라인, 효과를 조합해 재사용 가능한 애니메이션을 만드세요.

      빠르게 시작하기예제 살펴보기

      다음 타이틀에 움직임을 더해보세요.

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

      프리셋으로 시작

      editorialRise, softWave, gentleEmphasis를 몇 줄의 코드로 재사용 가능한 컴포넌트로 만드세요.

      🧩

      나만의 레시피

      텍스트 분할 방식부터 토큰 렌더링, 시작 시점, 움직임까지 직접 조합하세요.

      📐

      실제 렌더링된 줄의 움직임

      overlayText와 lineReveal로 React Native가 실제 배치한 줄을 애니메이션하세요.

      ⌨️

      레이아웃을 유지하는 타이핑

      완성된 문장의 토큰 배치를 유지하면서 글자를 차례로 표시하세요.

      🎛️

      명시적인 재생 제어

      이벤트에서 controls로 다시 재생하거나 Reanimated 공유 값으로 진행률을 제어하세요.

      ♿

      읽을 수 있는 텍스트

      스크린 리더에는 전체 문장을 한 번 전달하고 모션 줄이기 정책을 선택하세요.