A smooth React text animation component designed to reveal content character by character with precise control and motion. This animated text React solution is perfect for building engaging headings, supporting React text reveal animations and advanced character animation in React. Powered by motion, it works seamlessly as a Framer Motion text animation or text reveal effect, making it ideal for hero sections and text animation for landing pages in React. It also integrates cleanly with Tailwind text animation setups, allowing you to create modern, high-impact UI experiences.
npm i framer-motion| Property | Default Value | Description |
|---|---|---|
| Text | The Linear Text | The text content to be revealed with the linear animation. |
| as | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | The HTML element or React component to render as the root of the Linear Reveal. |
| delay | 0.2 | The delay before the linear animation starts, in seconds. |
| className | text-4xl | Additional CSS classes to style the root element of the Linear Reveal. |