1.0.3 • Published 5 months ago

slide-in-text v1.0.3

Weekly downloads
-
License
MIT
Repository
github
Last release
5 months ago

SlideInText

A simple React component that animates text using Motion.

🚀 Features

  • Smooth slide-in animation for text
  • Customizable delay and duration
  • Supports child elements animation delay

Demo

https://github.com/user-attachments/assets/14611772-5203-484f-9bb0-62c271872953

📦 Installation

Then, install this component:

npm install slide-in-text

🔧 Usage

import React from "react";
import SlideInText from "slide-in-text";

export default function SlideInTextDemo() {
  return (
    <div className="relative justify-center">
      <SlideInText
        text="SlideInText"
        className="text-blue-600 font-bold text-4xl mb-8"
        delay={0.5}
        duration={1}
        children={0.1}
      />
    </div>
  );
}

📖 Props

PropTypeDefaultDescription
textstring""Text to animate
delaynumber0Delay before animation starts (sec)
durationnumber0.5Animation duration (sec)
classNamestring""Custom class for styling
childrennumber0.1Adds delay between the start of each child animation

📝 License

This project is MIT Licensed. Feel free to use and modify it!

1.0.3

5 months ago

1.0.2

5 months ago

1.0.1

5 months ago

1.0.0

5 months ago