Text Cascade

Letter-by-letter slot roll for standalone text — the old letters drop away as the new ones land, left to right. Same motion as the action-swap cascade variant, with a text-first API.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/text-cascade

Files

• components/motion/text-cascade.tsx
• components/motion/action-swap.tsx
• lib/ease.ts
• lib/utils.ts

Source

https://github.com/starc007/ui-components

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 beUI

• Chromatic Text Reveal
• Text Reveal
• Text Scramble
• Text Shimmer
• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure