react-text-loop-ts

React Text Loop Typescript

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