Updated: Echo Text
By Steven Van ·
Echo Text can now burst on click, drift on its own or follow page scrolling, and its echoes can fade between two colours.
Echo Text, the React Bits text animation, has been updated with three ways to trigger its echoes. Ghosted copies trail behind the text and settle into a single word.
Ways to trigger the echoes
- Click the text to send out a burst of echoes.
- Let the echoes drift on their own.
- Have the echoes trail behind page scrolling.
Colour
Echoes can also fade between two colours.
Installation
The component is available in JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/EchoText-TS-TW.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →