--- title: Horizon Theme - Image Gallery --- [![Horizon Logo](https://horizonthemedev.com/hs-fs/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com/?hsLang=en) - Components #### Components Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ornare sed consequat tempus sed adipiscing pellentesque ullamcorper . - [Style Guide](https://horizonthemedev.com/style-guide?hsLang=en) - [Header](https://horizonthemedev.com/header?hsLang=en) - [Footer](https://horizonthemedev.com/footer?hsLang=en) - [Featured Image](https://horizonthemedev.com/featured-image?hsLang=en) - [Shape Divider](https://horizonthemedev.com/shape-divider?hsLang=en) - [Fancy Headline](https://horizonthemedev.com/fancy-headline?hsLang=en) - [Accordion](https://horizonthemedev.com/accordion?hsLang=en) - [Creative Tabs](https://horizonthemedev.com/creative-tabs?hsLang=en) - [Timeline](https://horizonthemedev.com/timeline?hsLang=en) - [Blog Post Cards](https://horizonthemedev.com/blog-post-cards?hsLang=en) - [Testimonial Slider](https://horizonthemedev.com/testimonial-slider?hsLang=en) - [Pricing Cards](https://horizonthemedev.com/pricing-cards?hsLang=en) - [Image Gallery](https://horizonthemedev.com/image-gallery) - [Image Text](https://horizonthemedev.com/image-text?hsLang=en) - [Image Slider](https://horizonthemedev.com/image-slider?hsLang=en) - [Content Tabs](https://horizonthemedev.com/content-tabs?hsLang=en) - [Background Overlay](https://horizonthemedev.com/background-overlay?hsLang=en) - [Featured Form](https://horizonthemedev.com/featured-form?hsLang=en) - [Flip Cards](https://horizonthemedev.com/flip-cards?hsLang=en) - Icon List - [Popup Modal](https://horizonthemedev.com/pop-up?hsLang=en) - Scroll Arrows - [Social Follow](https://horizonthemedev.com/social-follow?hsLang=en) - [Column Swiper](https://horizonthemedev.com/column-swiper?hsLang=en) - [HubDB Listing](https://horizonthemedev.com/hubdb-listing?hsLang=en) - [Multistep Form](https://horizonthemedev.com/multistep-form?hsLang=en) - [Dynamic Tabs](https://horizonthemedev.com/dynamic-tab?hsLang=en) - [Team Members](https://horizonthemedev.com/team-members?hsLang=en) - [Button Group](https://horizonthemedev.com/button-group?hsLang=en) - [Event Calendar](https://horizonthemedev.com/event-calendar?hsLang=en) - Interactive Landings - [Scrolling Animations Landing 1](https://horizonthemedev.com/scrolling-animations-landing-1?hsLang=en) - [Scrolling Animations Landing 2](https://horizonthemedev.com/scrolling-animations-landing-2?hsLang=en) - Blog - Help ###### COMPONENTS # IMAGE GALLERY --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ornare sed consequat tempus sed adipiscing pellentesque ullamcorper aliquet. Ornare erat nullam vitae netus tristique adipiscing id aliquet rhoncus. [View Variants](https://horizonthemedev.com/image-gallery#section-2) ![Frame](https://horizonthemedev.com/hubfs/Frame.png "Frame") ## VARIANT: BIGGER (IMAGE) --- Image gallery module where clicking on an image in the grid enlarges it and displays it in a larger size to the right, while keeping the other images in their original size within the main grid. ![img-gallery-bigger (1)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(1).png) ![img-gallery-bigger (2)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(2).png) ![img-gallery-bigger (1)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(1).png) ![img-gallery-bigger (3)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(3).png) ![img-gallery-bigger (4)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(4).png) ![img-gallery-bigger (3)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(3).png) ![img-gallery-bigger (2)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(2).png) ![img-gallery-bigger (4)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(4).png) ![img-gallery-bigger (1)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(1).png) ![img-gallery-bigger (2)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(2).png) ![img-gallery-bigger (1)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(1).png) ![img-gallery-bigger (2)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(2).png) ![img-gallery-bigger (1)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(1).png) ![img-gallery-bigger (3)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(3).png) ![img-gallery-bigger (4)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(4).png) ![img-gallery-bigger (3)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(3).png) ![img-gallery-bigger (2)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(2).png) ![img-gallery-bigger (4)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(4).png) ![img-gallery-bigger (1)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(1).png) ![img-gallery-bigger (2)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(2).png) ## VARIANT: BIGGER (VIDEO) --- Image gallery module where clicking on an image in the grid enlarges it and displays it in a larger size to the right, while keeping the other images in their original size within the main grid. ![img-gallery-bigger (4)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(4).png) ![img-gallery-bigger (2)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(2).png) ![img-gallery-bigger (4)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(4).png) ![img-gallery-bigger (2)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(2).png) ![img-gallery-bigger (1)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(1).png) ![img-gallery-bigger (3)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(3).png) ![img-gallery-bigger (1)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(1).png) ![img-gallery-bigger (2)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(2).png) ![img-gallery-bigger (3)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(3).png) ![img-gallery-bigger (1)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(1).png) ![img-gallery-bigger (4)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(4).png) ![img-gallery-bigger (2)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(2).png) ![img-gallery-bigger (4)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(4).png) ![img-gallery-bigger (2)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(2).png) ![img-gallery-bigger (1)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(1).png) ![img-gallery-bigger (3)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(3).png) ![img-gallery-bigger (1)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(1).png) ![img-gallery-bigger (2)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(2).png) ![img-gallery-bigger (3)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(3).png) ![img-gallery-bigger (1)](https://horizonthemedev.com/hubfs/img-gallery-bigger%20(1).png) ## VARIANT: IMG POP UP (IMAGE) --- Overlay gallery featuring images arranged in a row and when hovering over an image displays additional information and a CTA to view more details. [![image-placeholder-gallery-popup (1)](https://horizonthemedev.com/hubfs/image-placeholder-gallery-popup%20(1).png)](https://5915953.fs1.hubspotusercontent-na1.net/hubfs/5915953/image-placeholder-gallery-popup%20(1).png) [![image-placeholder-gallery-popup (3)](https://horizonthemedev.com/hubfs/image-placeholder-gallery-popup%20(3).png)](https://5915953.fs1.hubspotusercontent-na1.net/hubfs/5915953/image-placeholder-gallery-popup%20(3).png) [![image-placeholder-gallery-popup (2)](https://horizonthemedev.com/hubfs/image-placeholder-gallery-popup%20(2).png)](https://5915953.fs1.hubspotusercontent-na1.net/hubfs/5915953/image-placeholder-gallery-popup%20(2).png) [![image-placeholder-gallery-popup (3)](https://horizonthemedev.com/hubfs/image-placeholder-gallery-popup%20(3).png)](https://5915953.fs1.hubspotusercontent-na1.net/hubfs/5915953/image-placeholder-gallery-popup%20(3).png) [![image-placeholder-gallery-popup (2)](https://horizonthemedev.com/hubfs/image-placeholder-gallery-popup%20(2).png)](https://5915953.fs1.hubspotusercontent-na1.net/hubfs/5915953/image-placeholder-gallery-popup%20(2).png) [![image-placeholder-gallery-popup (1)](https://horizonthemedev.com/hubfs/image-placeholder-gallery-popup%20(1).png)](https://5915953.fs1.hubspotusercontent-na1.net/hubfs/5915953/image-placeholder-gallery-popup%20(1).png) ## VARIANT: IMG POP UP (VIDEO) --- Overlay gallery featuring images arranged in a row and when hovering over an image displays additional information and a CTA to view more details. ![image-placeholder-gallery-popup (3)](https://horizonthemedev.com/hubfs/image-placeholder-gallery-popup%20(3).png) ![image-placeholder-gallery-popup (2)](https://horizonthemedev.com/hubfs/image-placeholder-gallery-popup%20(2).png) ![image-placeholder-gallery-popup (1)](https://horizonthemedev.com/hubfs/image-placeholder-gallery-popup%20(1).png) ![image-placeholder-gallery-popup (2)](https://horizonthemedev.com/hubfs/image-placeholder-gallery-popup%20(2).png) ![image-placeholder-gallery-popup (1)](https://horizonthemedev.com/hubfs/image-placeholder-gallery-popup%20(1).png) ![image-placeholder-gallery-popup (3)](https://horizonthemedev.com/hubfs/image-placeholder-gallery-popup%20(3).png) ## VARIANT: ZOOM IN (IMAGE) --- A sleek gallery displaying images in a row format. Hovering over each image triggers a zoom effect for detailed viewing, accompanied by brief text descriptions. [![popup-zoom-in-image (1)](https://horizonthemedev.com/hubfs/popup-zoom-in-image%20(1).png) IMAGE](https://5915953.fs1.hubspotusercontent-na1.net/hubfs/5915953/popup-zoom-in-image%20(1).png) [![popup-zoom-in-image (2)](https://horizonthemedev.com/hubfs/popup-zoom-in-image%20(2).png) IMAGE](https://5915953.fs1.hubspotusercontent-na1.net/hubfs/5915953/popup-zoom-in-image%20(2).png) [![popup-zoom-in-image (3)](https://horizonthemedev.com/hubfs/popup-zoom-in-image%20(3).png) IMAGE](https://5915953.fs1.hubspotusercontent-na1.net/hubfs/5915953/popup-zoom-in-image%20(3).png) ## VARIANT: ZOOM IN (VIDEO) --- A sleek gallery displaying images in a row format. Hovering over each image triggers a zoom effect for detailed viewing, accompanied by brief text descriptions. ![popup-zoom-in-image (2)](https://horizonthemedev.com/hubfs/popup-zoom-in-image%20(2).png) VIDEO ![popup-zoom-in-image (1)](https://horizonthemedev.com/hubfs/popup-zoom-in-image%20(1).png) VIDEO ![popup-zoom-in-image (3)](https://horizonthemedev.com/hubfs/popup-zoom-in-image%20(3).png) VIDEO [![logo](https://horizonthemedev.com/hubfs/raw_assets/public/horizon-theme/images/logo-horizon-dark.svg "logo")](https://horizonthemedev.com/style-guide?hsLang=en) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Copyright © 2025 Horizon Theme . All Rights Reserved.