Updated: Scroll Reveal
By Steven Van ·
Scroll Reveal in React Bits can split text by word, letter or line, add an accent color, and play once on entering view.
Scroll Reveal, the text animation in React Bits, now reveals text by word, letter or line. The updated component can also play once when the text first enters view.
Reveal options
Text can rise, flip or pop into place as it appears. It can also light up in an accent color during the reveal. The component's existing behavior is that text gently unblurs and reveals on scroll.
Installing it
The component page offers JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/ScrollReveal-TS-TW.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →