# 15 React Text Animation Components & Effects

> Typography that moves: scramble-decode, typewriter loops, flowing gradients, shimmer sweeps, per-letter pull-ups, rotating words, highlighter strokes, split-flap boards, cursor-proximity weight and glitch slices.

3 of 15 free (the rest with PixelPapa Pro), built with Tailwind CSS and Motion, installable with the shadcn CLI.

- [Blur Reveal Text](https://pixelpapa.com/components/text/blur-reveal-text.md): Words rise out of a blur one after another when the text scrolls into view.
- [Text Circular Rotating](https://pixelpapa.com/components/text/text-circular-rotating.md) (Pro): Text set on a circle that spins continuously and eases down to a crawl on hover, with a slot in the middle for an icon or button.
- [Text Counting Number](https://pixelpapa.com/components/text/text-counting-number.md) (Pro): A spring-driven count-up with locale formatting, prefix, suffix and decimals; writes straight to the DOM so it never re-renders.
- [Text Glitch Slice](https://pixelpapa.com/components/text/text-glitch-slice.md) (Pro): The word is cut into horizontal strips that jolt sideways in short bursts, with two colour ghosts splitting off underneath.
- [Text Gradient Flow](https://pixelpapa.com/components/text/text-gradient-flow.md): A seamless multi-stop gradient that travels through the letters on a loop, with an optional blurred glow of the same gradient behind.
- [Text Highlight Marker](https://pixelpapa.com/components/text/text-highlight-marker.md) (Pro): Hand-drawn marker strokes (highlight, underline or circle) draw themselves behind words when they scroll into view.
- [Text Letters Pull Up](https://pixelpapa.com/components/text/text-letters-pull-up.md) (Pro): Each letter springs up from behind a mask with a slight tilt, staggered across the line when it enters the viewport.
- [Text Reveal On Scroll Words](https://pixelpapa.com/components/text/text-reveal-on-scroll-words.md) (Pro): A pinned paragraph whose words go from faint to full strength one by one as you scroll through its track.
- [Text Scramble Decode](https://pixelpapa.com/components/text/text-scramble-decode.md) (Pro): Characters churn through random glyphs and lock into place left to right; replays on hover or focus.
- [Text Shimmer Sweep](https://pixelpapa.com/components/text/text-shimmer-sweep.md): A slanted band of light glides across dimmed text, rests, then sweeps again; colours follow the theme.
- [Text Split Flip Board](https://pixelpapa.com/components/text/text-split-flip-board.md) (Pro): Departure-board characters: every cell flips its split flap through the alphabet until it lands on the target letter.
- [Text Typewriter Loop](https://pixelpapa.com/components/text/text-typewriter-loop.md) (Pro): Types a phrase, holds, deletes it and moves to the next one, with a blinking caret that stays solid while keys are moving.
- [Text Variable Proximity](https://pixelpapa.com/components/text/text-variable-proximity.md) (Pro): Letters gain weight, size and contrast the closer the cursor gets, easing back as it leaves; made for variable fonts.
- [Text Wave Hover](https://pixelpapa.com/components/text/text-wave-hover.md) (Pro): Letters lift and swell in a soft bell curve around the pointer, and a slow idle swell rolls through when nobody is hovering.
- [Text Word Rotate](https://pixelpapa.com/components/text/text-word-rotate.md) (Pro): A vertical word carousel that lives inside a sentence; the slot springs to each word's width while words roll in from below.