Animated ElementsLogo Cloud for GoHighLevel
The row of client logos that sits under a headline and does the quiet work: sliding past on a loop, drained of colour until a visitor hovers one, with the edges fading out rather than cutting off.
- Controls
- 39
- Variants shown
- 8
- Dependencies
- None
8 ways to run it
Every one of these is the real element with different settings. Press play again to watch any of them from the start.
39 controls, grouped the way you build
- The logos1
- Animation4
- The marquee11
- Logo style7
- Text style7
- Text color2
- Background & spacing7
Everything it does
- Repeating list of names and logo links
- one to three rows
- speed on desktop and mobile
- which way the first row travels
- rows alternating direction
- hold on hover
- off-screen pausing
- space between logos per breakpoint and between rows
- edge fade
- scroll or page-load trigger with replay
- entrance
- logo height per breakpoint
- name shown beside the logo
- space between logo and name
- colour drain
- resting fade
- full colour on hover
- font
- name size per breakpoint, thickness, letter spacing and capitals
- name and hover colours
- block padding, background + opacity, radius, border
How it actually behaves
A logo is a name plus an image link. The name is not decoration, it is the fallback: clear the link, or have it 404 behind a corporate filter, and the chip renders as a wordmark instead of a broken-image icon. The element ships on a placeholder mark so it looks like a real logo row out of the box. Replace it with your own Media Storage links before publishing.
Only the logo height is set, never the width, so every picture keeps its own proportions. Speed is in pixels per second rather than seconds per lap, so adding a logo does not quietly make the row travel faster; because a wordmark is only as wide as its text, the runtime measures the real lap and the stylesheet carries an estimate behind it for pages with no JavaScript. The copies that fill the track are hidden from screen readers, and reduced motion parks the row in place instead of hiding it.
How to add Logo Cloud to a GoHighLevel page
- 01
Open the element panel
In the page builder, click the + button to add a new element.
- 02
Go to Widget Marketplace
In the left menu, select Widget Marketplace.
- 03
Find Animated Elements
Locate the Animated Elements widget by Funnelslayer in the installed apps list.
- 04
Drag and drop it into the page
Drop the widget where you want it. The Web Widget Settings modal opens on the element gallery: "Select an element to start with".
- 05
Select an element and continue
Choose an element (Animated Counter, Typing Animation, and more), then click Continue. Search by name or by what it does, or use the category rail on the left to narrow the list. You can switch elements later without losing your settings.
- 06
Customize it
Use the element's settings to customize everything to match your brand. The live preview updates as you go, with separate desktop and mobile views.
Common questions
- When does the counter start counting?
- By default it starts when it scrolls into view, so the visitor sees the count happen. You can switch it to fire on page load instead, and you can have it replay each time it re-enters the viewport.
- Can I show currency or percentages?
- Yes. Prefix and suffix are free text, so $2.4M and 38% are both a matter of setting a prefix, a suffix and the number of decimals.
- What shows if JavaScript does not run?
- The final number is what sits in the markup, so the correct figure is visible either way. The emitted script rewinds it to the start value and animates only once it is running.
Animated Counter
Numbers that count up when they scroll into view. Prefix, suffix, decimals, gradient fill, easing, and full mobile control.
Animated Tooltip
A row of overlapping faces. Hovering one lifts it out of the stack and floats a card above it with the person's name and role, tilting toward the cursor. Leave the photo out and you get their initials instead.
Live Users Now
A pulsing live-presence count with individually flipping digits, deterministic bounded updates, responsive layout, and deep motion and styling controls.