Currently, Gridbox does not have a built-in option to swap or transition between two images when a user hovers over an image element. This is a common UI pattern used in:
- Product showcases (e.g., show alternate product angle on hover) - Team/profile sections (e.g., formal photo → candid photo)
This example https://www.iamroseblake.com/ - Portfolio grids (e.g., preview on hover)
At the moment, achieving this requires manually injecting custom HTML and CSS outside of the Gridbox interface, which breaks the no-code workflow that Gridbox is designed to provide.
**Suggested Implementation:** A simple toggle in the Image element settings panel, allowing users to: 1. Upload a secondary "Hover Image" 2. Choose a transition style (fade, slide, zoom) 3. Set transition duration
This would bring Gridbox in line with competing builders like Elementor and Webflow, which already support this feature natively.
I genuinely enjoy using Gridbox and would love to see it continue to grow. I believe this addition would meaningfully improve the design capabilities for all users.
Thank you for your time and consideration. I look forward to hearing your thoughts.
Best regards
Ratings are available to members with an active subscription only.
