Effects & Transitions / Text

Animated Gradient Text

Looping gradient fill for headline words.

Magic UITextmotion: --tpc-ease-linear

Install

npx shadcn@latest add @tpc/animated-gradient-text

Reduced motion

Token: --tpc-ease-linear

Default

Demo 2

Fast Gradient