About this Component
Create a cinematic first impression with an animated counter, oversized typography, layered image reveal, and a smooth transition into the page.
Haytham Reveal introduces your site with a loading counter, expanding hero frame, animated headline letters, overlay wipe, and image zoom. Once the intro finishes, scrolling is restored and the full hero image continues naturally below the first viewport.
Perfect For
Creative portfolios Agency websites Fashion and editorial sites Photography portfolios Architecture studios Premium landing pages
Key Features
Animated 0–100 counter Letter-by-letter headline reveal Cinematic hero scale animation Layered overlay wipe Image zoom reveal Full-height image continuation on scroll Scroll locking during the intro Scrollbar thumb hidden during animation Responsive desktop and mobile layout Optional navigation Custom image focal position Custom typography and colors No code required
How It Works
The page is locked while the intro plays. The hero expands, the image settles, the headline letters animate in, and the overlay clears. When finished, scrolling is restored and the rest of the full-height image appears naturally as the page continues.
Important Notes
The image composition is fixed at 35vh on desktop and 50vh on mobile to preserve the intended layout.
Customization Options
Headline, hero image, image position, typography, navigation labels and links, colors, timing, hero scale, and image scale.
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.
About this Component
Create a cinematic first impression with an animated counter, oversized typography, layered image reveal, and a smooth transition into the page.
Haytham Reveal introduces your site with a loading counter, expanding hero frame, animated headline letters, overlay wipe, and image zoom. Once the intro finishes, scrolling is restored and the full hero image continues naturally below the first viewport.
Perfect For
Creative portfolios Agency websites Fashion and editorial sites Photography portfolios Architecture studios Premium landing pages
Key Features
Animated 0–100 counter Letter-by-letter headline reveal Cinematic hero scale animation Layered overlay wipe Image zoom reveal Full-height image continuation on scroll Scroll locking during the intro Scrollbar thumb hidden during animation Responsive desktop and mobile layout Optional navigation Custom image focal position Custom typography and colors No code required
How It Works
The page is locked while the intro plays. The hero expands, the image settles, the headline letters animate in, and the overlay clears. When finished, scrolling is restored and the rest of the full-height image appears naturally as the page continues.
Important Notes
The image composition is fixed at 35vh on desktop and 50vh on mobile to preserve the intended layout.
Customization Options
Headline, hero image, image position, typography, navigation labels and links, colors, timing, hero scale, and image scale.
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.
Hasan Wali
