Easy React Text Loop

easy-react-text-loop is a React component that allows you to easily create text loops with a nice fade animation.

---

Installation

npm install --save easy-react-text-loop

or

yarn add easy-react-text-loop

or

pnpm add easy-react-text-loop

Usage

import { TextLoop } from "easy-react-text-loop";

const App = () => {
  return (
    <div>
      I will loop through these words:{" "}
      <TextLoop>
        <span>hello</span>
        <span>world</span>
        <span>everyone</span>
      </TextLoop>{" "}
      and then start again!
    </div>
  );
};

Props

Prop	Type	Default	Definition
interval	number | array	2500	The frequency (in ms) that the words change.
children	node		The words you want to loop (required)
animation	enum	spring	Animation type

Contributing

Please follow our contributing guidelines.

License

MIT

Author

• Joseph Goksu

I inspired from react-text-loop and easy-react-text-loop and I wanted to make it easier to use. I hope you like it.