Gradient Text Pro
Create premium gradient text with static, hover, or infinite animations. Customize 2–3 colors, speed, direction, fonts, and accessibility for sleek, modern typography.
Made with Workshop
Build your own component with AI
About this Component
Gradient Text Pro brings bold, modern typography to life with clean gradient fills and smooth animations. Perfect for hero headlines, feature callouts, or interactive accents.
✨ Features
🎨 Modes: Static ▸ Hover ▸ Infinite
🌈 2–3 gradient colors with seamless blending
↔️ Direction & angle control (0–360°)
⏱ Speed & easing for precise animation flow
🔤 Font controls: family, weight, size, line height
📱 Responsive & Retina-ready
♿ Accessible with semantic tags + aria-labels
🚀 Quick Start
Insert Gradient Text Pro on your canvas.
Add your text and select 2–3 colors.
Choose a mode (Static, Hover, Infinite, Once).
Adjust speed, direction, and fonts to match your design.
💡 Tips for Premium Look
⏳ Infinite loops feel smoothest at 1.2–2.4s.
🌗 Use bright gradients on dark backgrounds for luxury contrast.
🕶 Static gradients are ideal for brand logos or minimal layouts.
🎯 Use Cases
Hero or landing page headlines
Premium pricing / feature highlights
CTA hover states and buttons
Branded typography flourishes
