Typography
Text Animate
Text animation for React and shadcn/ui built with Motion, with presets like fadeIn, rollIn, and whipInUp for headlines.
Updated
Roll In
Whip In
fade In
Fade In
Pop In
Pop In
Fade In Up
Fade In Up
Shift In Up
Shift In Up
Whip In Up
Whip In Up
Calm In Up
Calm In Up
TextAnimate is a React text animation component for shadcn/ui built with Motion. Use it for landing page headlines, section titles, and announcement banners that should animate when scrolled into view.
Installation
pnpm dlx shadcn@latest add @cult-ui/text-animate
Usage
<TextAnimate text="Roll In" type="rollIn" />