★ New Linehover Component

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 :high_voltage:

linehover_pro_multithemes_002a

:high_voltage: A simple upgrade that makes your UI feel more alive :high_voltage:

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

linehover-demo_title

Where to use:

Navigation menus Preview :magnifying_glass_tilted_right:

ⓘ Contains layout rules for the Menu Component: Disable animated line in submenus
Disable ‘Link Display’ styles in submenus.

linehover-demo_menu-1

linehover-demo_menu-2

Vertical / Tree menus Preview :magnifying_glass_tilted_right:

linehover-demo_tree

Text links Preview :magnifying_glass_tilted_right:

linehover-demo_text-1

linehover-demo_text-2

linehover-demo_text-3

ⓘ you can apply static styles to links with shadows and rounded corners

Footer links Preview :magnifying_glass_tilted_right:

linehover-demo_footer-1

linehover-demo_footer-2

and any component with text links…

Key features

  • :bullseye: Improves link visibility

  • :sparkles: Smooth, elegant animation

  • :high_voltage: Lightweight & fast

  • :artist_palette: Easy to customize

  • :mobile_phone: * Large options panel :astonished_face:

Now available in the Marketplace :shopping_cart:

Component in promo :grinning_face:

Thanks!

Congrats on shipping another great addition to the Elements ecosystem, this looks like a fun component :flexed_biceps:

Thanks, yes It’s fun to use :grinning_face: and you can experiment a lot thanks to the two overlapping layers of the line.

layers

Will buy - when I get to the computer…

Tasteful - nice animation - perfect :ok_hand:


Don’t know why haven’t been at the computer for 2 days… just iPhone

Usually 8-12 hours of computer work…

Now

None.

Stupid question :man_raising_hand:

Usage?

Put in menu? Or other?

Site wide? Or per link?

How do we use your new invention :slight_smile:

tried demo file - not loading

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).

drag

menui

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.

Thanks.

found it! + more

got it kind of working…

using essentials menu getting weird results - space shifting



If you’re using it with the menu, disable the padding and margin options for the links, they’re not needed in this case.

I also noticed an incorrect z-index in the submenu. Make sure the entire menu has a higher z-index than the other elements on the page.

If you still need help, let me know. You can also send me an email and share a page of the project via the Elements Cloud.

Thanx! Will fix in the morning…

Great Product as always…

Best wishes
Mike

@MultiThemes Compliment — this is a really nice little tool that I find extremely useful and that genuinely saves me time.

One question: would it be an option in a future update to give us the ability to choose a custom color for the underline element?

The invert color option isn’t always enough for me, or the color simply doesn’t fit in some cases.

Thanks again, and I’m looking forward to more useful little tools in the future.

Another useful and well-made component from @MultiThemes . Congrats! :rocket:

Very good work :clap:

Thanks for the request, maybe in future updates!

Massimo thanks a lot!

Markus thanks! :folded_hands: