Animated Gradient Text
Heading text with an animated gradient color flowing through it.
Adjust the preview
Every choice updates the preview and the wording below.
Gradient
Speed
Font Weight
Your prompt
Highlighted values follow your choices — click one to write your own.
Create an animated gradient text effect on a heading using a warm sunset (orange to pink to purple) color gradient that moves at medium 4-second cycle speed. Use extra bold (800) font weight. Apply background-clip: text with a translating background-position animation. The text should be large and visually striking.
Paste it into Claude, Cursor, or v0 along with the context for your project.