Split Text

Splits a text into characters, words or lines and animates them in one after another with a stagger when it scrolls into view (GSAP SplitText and ScrollTrigger).

Library

React Bits

Framework

React

Type

component

License

Commons-Clause+MIT

Install

npx shadcn@latest add @react-bits/SplitText

Files

• src/content/TextAnimations/SplitText/SplitText.jsx

Source

https://github.com/DavidHDev/react-bits

Categories

• Animated Text Components
• React Animated Text Components
• Text Components
• React Text Components
• Animated Text Components

More from React Bits

• Asciitext
• Blur Text
• Circular Text
• Code Slots
• Curved Loop
• Decrypted Text
• Depth Text
• Echo Text
• Falling Text
• Fold Text
• Fuzzy Text
• Glitch Text