/react-text-loop-ts

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.

Siam Ahnaf

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