Haytham Preloader 14

About this Component

Create a cinematic image-loading sequence that transforms into a scattered interactive gallery.

Haytham Scatter begins with a centered stack of images that reveals one by one before spreading into a customizable fullscreen composition. Choose from 26 layout variations, control the final spacing and sizing, and optionally link each image to its own destination.

The page stays locked during the intro and automatically restores scrolling once the full scatter animation is complete.

Perfect For

Creative portfolios Photography websites Fashion and editorial sites Agency websites Project showcases Art direction Landing pages Experimental layouts

Key Features

Centered image loading sequence 26 scatter layout variations Adjustable edge padding Custom thumbnail width and height Custom intro image size Vertical and position offsets Up to 14 custom images Automatic image repeating Individual image links Optional new-tab navigation Responsive image support Custom background color Automatic page scroll locking Automatic scroll restoration Responsive across desktop, tablet, and mobile Static Framer Canvas/export fallback No code required

How It Works

Add your images, choose a scatter variation, and adjust the final padding and image dimensions. The component handles the full sequence automatically: images reveal in the center, scatter into the selected composition, and become interactive once the animation finishes.

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.