text-transition

A simple utility to Animate between different strings

Usage no npm install needed!

<script type="module">
  import textTransition from 'https://cdn.skypack.dev/text-transition';
</script>

README

text-transition

A simple React Component to Animate Between strings, with per-character animations.

Imagine power-point's by character animations.

API:

string

String to be displayed.

before

CSS transform to be applied to every character when it enters.

after

CSS transform to be applied to every character ehn it leaves.

duration

Duration of CSS transition in seconds

easing

CSS easing string

delay

CSS transition delay per character. This will be multiplied by the index of each character for linearly staggered animations.