Introducing a new Elements component: Linehover, the most advanced component for animated lines and links in Elements, adding a dynamic underline beneath text with refined motion and depth
A simple upgrade that makes your UI feel more alive
Linehover adds a smooth animated underline on hover, turning static items into interactive highlights. It boosts visibility and brings a touch of clean, modern elegance without adding clutter. Linehover uses a dual-layer approach to create subtle tonal shifts, enhancing depth and visual clarity, while letting you fine-tune the animation curve for soft, elegant motion effects
It can be use with all components with text link.
in the demo project you can find menu, tree, footer and text box demos Just drag your component inside Linehover, you can also include more than one component inside it. Linehover will detect only text links within all the components inside it (and it will avoid applying the effect to images and icons with links).
After the purchase, the project should also be available, and you can find it on the “Create New Project” page.
Don’t you see it? My settings seem correct, but I can’t test this outside of my own account. If you’re unable to download it, I can send it to you via private message for now while we figure this out.
This update (Build 3) makes Linehover fully compatible with the Elements AI Assistant. Every option now carries a clear, plain-language description.
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.
So, If you haven’t purchased Linehover yet, now is the time to take a look at it; if you already have, make sure to update it.
Improves link visibility
Smooth, elegant animation
Easy to customize
