Custom Animation Creator for Website Builder (Sections, Rows, Columns, and Elements)
D
Daniel Ndaya
Problem / Gap
Currently, GHL’s website builder offers limited animation capabilities (mostly basic fade/slide effects). Agencies and users who want to build modern, engaging websites are forced to:
Rely on external tools like LottieFiles or custom code.
Use clunky workarounds that slow down site-building speed.
Miss out on the wow factor and conversion-boosting power of on-page micro-animations.
This creates friction for agencies who want to deliver professional-level websites without hiring developers.
Proposed Solution
Introduce a native Custom Animation Creator inside the website builder. Users should be able to easily animate any element, section, row, or column with:
Pre-Built Animations
Fade in/out, slide, zoom, rotate, bounce, flip, scale, typewriter text effect, etc.
Custom Animation Timeline
Drag-and-drop interface for setting start/end states.
Keyframes for scaling, opacity, position, rotation, color.
Adjustable easing curves (linear, ease-in-out, bounce, etc.).
Trigger Controls
On load
On scroll (e.g., reveal as user scrolls)
On hover/click/tap
On delay (great for storytelling sequences)
Responsive & Performance Optimized
Mobile/desktop preview for animations.
Lightweight export so animations don’t hurt site speed.
Why This Matters
Agencies: Can deliver websites with higher perceived value (clients equate animations with premium design).
Conversion Rates: Animations improve storytelling, keep users engaged, and guide attention to CTAs.
Competitive Edge: Other builders like Webflow already offer advanced animations; GHL adding this closes the gap.
No-Code Freedom: Eliminates reliance on outside devs or embedding code.
Log In
S
Sales & Marketing
Merged in a post:
⚠️ FIX WEB ANIMATION GLITCH - Headlines Shouldn't Flash Pre-Animation
M
Matthew Gaulia
The current website builder's animation feature fails to properly animate initial elements like headlines and subheadings, making them briefly appear before disappearing and then animating. This looks bad, so please make the elements remain hidden until animation triggers, preventing pre-visibility and ensuring smooth transitions when loading the web page
S
Sales & Marketing
Merged in a post:
Enhanced Website Animations and Design Aspects
W
Web Elites
I had this idea for a website design aspect. What I would like to do is have like a reveal page when you first open a website. For example I would like to have it be where you first go to a webpage you are created with maybe the logo or message from the company that then disappears either set by a timer or by click. This would make the websites look more modern and intriguing to clients and enhance the businesses reputation. I would love to see this in an update along with other cool design/animations to make the sites look more high end and sophisticated.
S
Simple Studio
Agreed. In the hero-section of a page, if it's the first thing the user sees when the page loads, it loads the element AND THEN applies the animation.
Result: element appears, disappears, then animates in.
Very tacky and unprofessional.
(Doesn't seem to be as big of a problem for elements further down on the page, but still triggers sometimes. What we need is for something like "display: none;" to apply to animated elements when they load onto the page initially, and then remove the "display: none;" when the animation starts.)
N
Nicolas Huber-Sanchez
You can do it with HTML code. I inserted an HTML widget with my code on my website, and it did exactly that. You can check it out on this website I made with GHL: https://vincentgrenier.me