Haytham Preloader v8

About this Component

Create a cinematic image-grid entrance that transforms into a fullscreen reveal.

Haytham Grid Reveal starts with six alternating image columns sliding into view. The grid expands until two center images remain, then after a customizable pause, the featured image takes over the full frame while the title animates into place.

Scrolling stays locked during the sequence and returns once the reveal is complete.

Perfect For

Creative portfolios Fashion and editorial websites Photography showcases Agency landing pages Campaign launches Premium hero sections

Key Features

18-image animated grid Alternating column entrance Two-image transition state Fullscreen featured-image reveal Animated two-part title Responsive title sizing Image fit and focal controls Custom colors and typography Adjustable grid scale Entry timing and stagger controls Custom final reveal delay Custom final reveal duration Scroll locked until animation completes Responsive across desktop, tablet, and mobile No code required

How It Works

The columns enter, settle into a centered grid, then move outward to isolate the two center images. Final Delay controls how long this state remains visible. Final Duration controls how quickly the featured image expands fullscreen.

Customization Options

Upload all 18 images, adjust image fit and position, edit both title words, customize typography and sizing, change colors, tune grid scale, and control animation timing directly in Framer.

Questions? Reach out at hasanwali6890@gmail.com

Refund Policy

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.