React Text Stagger

React Text Stagger is a library that allows you to stagger text animations.

Usage

1pnpm install react-text-stagger

1import { StaggerProvider, StaggeredText } from "react-text-stagger";
2
3function App() {
4  return (
5    <StaggerProvider splitter="word" duration={500}>
6      <StaggeredText>
7        {/* Fades in text */}
8        Hello World
9
10        {/* Then fades in the background of the code block */}
11        <StaggeredText>
12          <code>
13            {/* Then fades in each letter inside the code block */}
14            <StaggeredText>
15              Hello world
16            </StaggeredText>
17          </code>
18        </StaggeredText>
19      </StaggeredText>
20    </StaggerProvider>
21  );
22}