text-reveal
v2.1.2
Published
A React text animation with a smooth color transition for each character while scrolling.
Downloads
51
Maintainers
Readme
✨ 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
- Install:
npm install text-reveal
- Use:
import TextReveal from 'text-reveal';
<TextReveal
text={['Hello', 'world']}
textColor="grey"
fillColor="white"
/>
- Styles inherits from parent:
<div style={{fontSize : '2rem', backgroundColor : 'black'}}>
<TextReveal
text={['Hello', 'world']}
textColor="grey"
fillColor="white"
/>
</div>
📚 Docs
- Check out my documentation for guides and a full API reference.
💎 Contribute
- Want to contribute? I'd love that. Contributing guide got you covered.
👩🏻⚖️ License
- Text Reveal is MIT licensed.