Shine Text
Smooth text shine animation with gradient highlights and motion effects, perfect for headers, hero sections, and bold statements.
Make it with Workshop
Build your own component with AI
About this Component
ShineText adds a luminous, sweeping light animation that moves across your text, creating a polished and premium look. The subtle gradient shine and motion can emphasize keywords, product names, or brand statements with elegance and style.
Adjustable Options:
Text: Set the phrase to animate.
Font: Choose any typeface to match your brand’s tone.
Base Color: Define the text’s resting color.
Shine Color: Control the highlight color that moves across the text.
Accent Color: Add depth with a secondary tone for multi-layered shine.
Duration: Adjust how long one full animation cycle lasts.
Easing: Smooth out or accentuate the shine’s motion curve.
Text Effect: Apply blur or other optical effects for extra polish.
