Split Text

Splits text into characters, words, or lines and reveals them with a staggered, optionally scroll-triggered animation.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

@gsap/react, gsap

Install

npx shadcn@latest add @sona-ui/split-text

Files

• src/registry/sonaui/split-text/split-text.tsx
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

Categories

• Animated Text Components
• React Animated Text Components
• Tailwind CSS Animated Text Components
• Text Components
• React Text Components
• Tailwind CSS Text Components
• Animated Text Components

More from Sona UI

• SpinningText
• StaggerText
• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog
• Animated Dropdown
• Animated Segmented Control
• Animated Switch
• Animated Tabs
• Assignment Cluster
• Avatar Showcase