Skip to content

A React text animation with a smooth color transition for each character while scrolling.

License

Notifications You must be signed in to change notification settings

Raj00377/text-reveal

Repository files navigation

Text-reveal

An open-source, lightweight micro-frontend package for React.


text-reveal-gif


✨ Features

  • Zero dependency – This package works independently.
  • Flexible – Styles can be inherited from parent.
  • Simple – Uses basic CSS transition animations.
  • Control – Customize colors, speed, direction.

⚡️ Getting Started

  1. Install:
npm install text-reveal
  1. Use:
  import TextReveal from 'text-reveal';

  <TextReveal 
    text={['Hello', 'world']} 
    textColor="grey" 
    fillColor="white" 
  />
  1. Styles inherits from parent:
  <div style={{fontSize : '2rem', backgroundColor : 'black'}}>
    <TextReveal 
      text={['Hello', 'world']} 
      textColor="grey" 
      fillColor="white" 
    />
  </div>

📚 Docs

💎 Contribute

👩🏻‍⚖️ License

  • Text Reveal is MIT licensed.