Images are the proof on a funnel page. The transformation, the portfolio, the product, the room. The builder will show them to you in a grid, and a grid asks nobody to look. These elements give the same photographs something to do.
They cover different jobs. Image Comparison is the before and after, dragged by the visitor. Circular Gallery and Depth Carousel are browsing surfaces for a body of work. Accordion Gallery expands one image while the rest contract. Pixel Image assembles a single photograph out of tiles as it comes into view.
The scroll-driven galleries (Horizontal Scroll Carousel, Twin Row Scroll Gallery, Scroll Stack Gallery and Parallax Columns) turn the page scroll itself into the control, and Swipe Cards and Drag Cards hand the photographs to the visitor.
A photograph that builds itself. The picture is cut into a grid of tiles and each one arrives on its own beat, scattered, swept from one edge, or opening out from the middle, landing in black and white and washing into colour a moment later.
A strip of image cards bent over an arc. The middle sits highest, the outer ones drop away and tilt with the curve, and the row loops forever. Drag it with a finger or the mouse, or leave it drifting on its own.
One photograph opens into a cinematic view while its neighbours contract into slim previews. Move across the strip, tap a panel, use the arrow keys, or let autoplay tell the story one image at a time.
A cinematic stack of photographs receding through real 3D space. Drag it, scroll it, use the keyboard or let autoplay bring each image to the front.
Two photographs in one frame with a divider the visitor drags across them. The before/after that sells a retouch, a renovation, a rebrand or a redesign.
A tactile stack of photographs visitors swipe left or right to sort, save or explore.
A loose editorial collage of photographs visitors can pick up and rearrange.
A cinematic image story that turns vertical page travel into a horizontal gallery.
A staggered grid of photos that tip back in 3D, drift outward, blur and dim as they leave the middle of the screen.
A numbered editorial index whose rows open into full photos on hover while the other rows fade back.
Two rows of photo cards that slide past each other while the section is pinned, with a striped progress bar.
A wall of photo columns that slide at different speeds as the page scrolls past.
Pictures dealt onto a pile as the page scrolls: the block pins to the screen, each picture slides up over the last, and the one underneath shrinks back and tips slightly.
A photo with a strip of fine hatching standing off each side, running past the corners and fading out at the ends. The hatching drifts slowly round the frame, the strips draw themselves in from the corners, and the photo lifts or zooms under the pointer.
A wall of photo tiles laid on a plane tipped back in 3D, each column drifting endlessly up or down at its own pace with its neighbours going the other way. The pointer tilts the wall; the column under it stops and the tile under it lifts forward in full colour.
Every image element takes a file link rather than an upload. Put the images in your GoHighLevel Media Storage, copy each file link and paste it in. A custom widget cannot open the Media Storage picker, which is why this is a paste rather than a picker.
Each image has its own description field. It is what a screen reader announces and what shows if a link ever fails, so it is worth a real sentence rather than a filename.
A before and after only reads when the framing matches. The element ships with one photograph served twice, flat and graded, to make that obvious. Replace both sides before publishing.
The galleries can drift on their own, respond to drag, wheel, keyboard and taps, or autoplay on a timer with a pause on hover. On a long page a slow drift with a hover pause tends to beat autoplay that fights the reader.
Card width, height, curve and the number of visible side cards all have their own mobile values. A carousel tuned for a wide screen becomes a sliver on a phone unless you set them.
New to the app? Start with the install and setup guide.
Animated Elements