Skip to content

component

Haytham Preloader

By Hasan Wali

Details

Summary

Fullscreen Image Loading Animation

Description

About this Component Create premium loading experiences with animated typography and image reveals. This preloader starts with a customizable name animation, reveals images directly inside the text, cycles through multiple images, and finishes with a cinematic fullscreen image takeover. Everything is customizable, including typography, colors, timing, image sequence, and animation speed. Perfect for portfolios, creative studios, fashion websites, agencies, and premium digital experiences. Perfect For Creative portfolios Agency websites Fashion brands Photography websites Architecture studios Personal websites Landing pages Premium digital experiences Key Features Animated letter-by-letter reveal Image reveal inside the text Multiple image cycling support Fullscreen image takeover animation Custom typography controls Responsive across all screen sizes Customizable colors and timing Adjustable image sequence Smooth modern motion design No code required How It Works Letters animate into view The image container expands Images cycle automatically The final image remains visible The image expands to fullscreen Important Notes The final image in the Images list becomes the fullscreen takeover image. All images before the final image are used for the image cycling sequence. The Split After setting determines where the image reveal appears inside the text. If the split value exceeds the text length, the component automatically adjusts it to a valid position. Customization Options Custom text Split position Typography controls Text color Background color Multiple images Animation durations Letter stagger timing Fullscreen takeover speed Image cycling speed 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.

Introduction

Fullscreen Image Loading Animation

Rank history

Daily rank per list, from the first snapshot — lower is better.

12014015438/148/228/309/79/15
  • All · #540