An animated loop of text for your headings or professions. Uses @react-spring/web for the transition so it handles super fast animations and spring params.

• SSR Friendly
• Customizable
• TypeScript Support
• Fix Installation problem
• Uses of React 18
• No error with peer deps

Installation

$ npm i react-text-loop-ts --save

Usage?

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

const Home = () => {
  return (
    <div>
      <TextLoop
          texts={["MERN Stack Developer", "Backend Developer", "Frontend Developer", "NodeJs Developer", "NestJs Developer"]}
          interval={3000}
      />
    </div>
  );
};

export default Home;

Options

| name | Description | Is Required? | | :--------- | :-------------------------------------------------------------: | :-----------: | | texts | Array of string text, you want to show | required | | interval | Interval times. Default is 3000 | optional |

Issues

You are welcome to create an issue.

Stay in touch

• Author - Siam Ahnaf
• Website - https://www.siamahnaf.com/
• Twitter - https://twitter.com/siamahnaf198
• Github - https://github.com/siamahnaf198