# Updated: Split Text

By Steven Van · 2026-10-13

Split Text in React Bits adds flip, pop, blur, skew and wave entrances, plus accent colors and cursor-driven lift and ripple effects.

Split Text in [React Bits](<https://creatorstoolbox.com/resources/react-bits>) has [been updated](<https://reactbits.dev/text-animations/split-text>) with several new ways to animate text. Text can now flip, pop, blur, skew or wave into place, and the animation can loop or replay on hover or click.

## New effects

Pieces of text can arrive in an accent color. Letters can also lift or ripple under the cursor.

## Installation

The component splits text into characters or words for a staggered entrance animation. It installs with npx shadcn@latest add @react-bits/SplitText-TS-TW. Versions are available in JavaScript or TypeScript, with plain CSS or Tailwind.

![React Bits](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.

[View React Bits →](<https://creatorstoolbox.com/resources/react-bits>)

Sources

[Original source](<https://reactbits.dev/text-animations/split-text>)

[Read Updated: Split Text on Creators Toolbox](<https://creatorstoolbox.com/blog/react-bits-updated-split-text>)

---
Canonical source: https://creatorstoolbox.com/blog/react-bits-updated-split-text