About Gallery Preloader
Gallery Preloader is a Framer preloader component that turns an animated image gallery into a full-bleed hero. Choose a circular or horizontal intro for portfolios, studios, and image-led landing pages.
Features
Circle and Horizontal intros; Soft Sheet and Mosaic reveals.
Page cover and scroll lock during the intro on each visit.
Maximum intro time of five seconds, including image loading.
Static hero fallback for reduced motion or unavailable WebGL.
What you can customize
Up to 12 gallery images and the final hero image.
Opening text or logo, font, colors, and 3.5–5 second duration.
Horizontal card size, curvature, direction, and fabric hover motion.
Build headings and navigation separately with native Framer layers. Match their Appear delay to the intro duration; a setup guide is linked in the properties panel.
Best for
Photography portfolios opening with an image gallery that expands into a full-bleed hero.
Creative studio websites introducing selected imagery before revealing native hero content.
Designer portfolios using a circular or horizontal gallery preloader as an opening sequence.
Image-led brand campaigns transitioning from a short intro to the main hero image.
Agency homepages coordinating logo, imagery, and headline entrance around a timed intro.
Share your work
Built with it? Tag me on X. I'd love to see it.
Need help?
Email hello@struxent.com.
Need a matching component?
Continue the photographic, editorial style:
Hero Image Reveal for organic brush edges around your imagery.
CMS Project Gallery for large photography and an elegant curved project list.
