Compatible with Elements AI Assistant
Component
Linehover highlights important links with simple visual effects that improve readability and navigation. It is fully customizable to fit your design and style needs.
Built with smart behavior in mind, it avoids applying styles to images and SVG links, ensuring clean and predictable results. Linehover also includes dedicated options for use with standard elements and the Menu component.
AI ready
Fully compatible with the Elements AI Assistant. Every option now carries a clear, plain-language description, so the AI understands what each setting does, how the options work together, and the best way to use the component.
Just describe the effect you want. Ask for "a menu with a soft white highlight that grows from the center" and the AI sets thickness, overlay, direction and speed for you. It also knows which links get the effect and how to handle submenus.
Options:
✓ Defines the main behavior and geometry of the animated line.
Line thickness and scaling behavior
✓ Style – Animated Line
Controls the visual appearance of the animated line.
✓ Style – Line Overlay (second layer)
Controls the appearance of the line overlay.
Color: solid or gradient with direction
✓ Animation
Controls how the line animation behaves and responds.
Animation direction or right origin
✓ Link Display
Defines static visual styling applied to links.
✓ Text link
ⓘ Linehover is optimized for single-line links, using whitespace to align links.
Apply to links: Uppercase / Lowercase / Capitalize & Italic
✓ Advanced
ⓘ Contains layout rules for the Menu Component