torph

An animated text component for React.

Installation

pnpm i torph

Usage

import { TextMorph } from "torph";

<TextMorph>Hello world</TextMorph>;

Options

<TextMorph
  children="Hello world"
  duration={1} // duration of the transition in seconds
/>

Found it useful?

Follow me on Twitter.

Other projects

You might also like:

• number-flow - Animated number component by Maxwell Barvian.
• easing.dev - Easily create custom easing graphs.