Moving Gradient Text
Text with a continuously flowing gradient animation. Configurable colors and speed.
Build with wise-ui
Warm gradient text
Cool gradient text
You can use it inline within paragraphs to highlight key phrases.
Installation
npx shadcn@latest add https://wise-ui.com/r/moving-gradient-text.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| gradientFrom | string | "#00a896" | Starting color of the gradient. |
| gradientTo | string | "#c084fc" | Ending color of the gradient. |
| speed | number | 1 | Animation speed multiplier. Higher values = faster movement. |
| className | string | - | Additional CSS classes for font size, weight, etc. |
| children | React.ReactNode | - | The text content to apply the gradient to. |