Gradient Text Animation
A component that applies a gradient effect to text with a smooth animation, perfect for emphasizing important information.
Pumki UIPumki UIPumki UIPumki UI
Installation
Usage
1import { GradientText } from '@/components/pumki-ui/text/text-gradient';1<GradientText text="Pumki UI" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
neon? | boolean | false | Enable neon glow effect |
gradient? | string | linear-gradient(90deg, #3b82f6 0%, #a855f7 20%, #ec4899 50%, #a855f7 80%, #3b82f6 100%) | CSS gradient for text |
transition? | Transition | { duration: 50, repeat: Infinity, ease: 'linear' } | Animation transition config |
text | string | - | Text to display with gradient |
Last updated on