Freelopers
Start a conversation

Live example

Hover Utility Card

Everything below this line is the module itself, running on this page. One card per column, placed three ways.

$19, one time Buy on the HubSpot Marketplace Setup guide

One

Three cards with deliberately uneven copy, all set to the same minimum height of 320px, so the row stays level. This is the control to reach for when a feature grid or a set of team bios refuses to line up. The hover reveal is switched off here, so everything is visible at rest.

Short

Two words of copy.

Setup guide

Rather longer

This card carries several sentences instead of one. Without a minimum height it would push its own card taller than the two beside it, which is exactly the problem buyers ran into.

Setup guide

Middling

A sentence and a half, which is the length most cards end up being in practice.

Setup guide
Two

Two cards on photographic backgrounds with Content Animation on Desktop View left on, which is the module's default: the title shows, and the description and link reveal when the cursor reaches the card. The hover lift and the 3D tilt are on too. Move a mouse across them.

Hover and tilt

The card lifts under the cursor and tilts toward it. Both are separate switches, and both are desktop only.

See the options

Readable over a photograph

The tinted panel behind the text is its own control, so the copy stays legible whatever the image is doing behind it.

See the options
Three

One card on its own, capped at 720px and centred, with the whole card clickable rather than just the link. No animation.

The whole card is the link

Turn on Full Card Link and the entire card becomes clickable. Open in new tab and the nofollow and noopener attributes are handled properly as of September 2026.

Read the setup guide

What to do next

Buy the module from the HubSpot Template Marketplace, then follow the setup guide.

Questions before you buy: support@freelopers.com.