Add interactive hover lines to highlight your text.
Made with Workshop
Build your own component with AI
An elegant text effect that reveals animated lines on hover, perfect for adding subtle interaction and style to headings, buttons, or key text elements.
Text customization: Edit content, fonts, size, weight, alignment, and color
Line styling: Solid or gradient (up to 5 custom colors)
Flexible positioning: Place lines at top, bottom, or both
Full control: Adjust thickness, spacing, and animation speed
Interactive animation: Opposite-direction line reveals with subtle text scaling