About this Component
Create a cinematic entrance with a layered preloader, animated counter, loader text, image wipe, and full-width hero typography reveal.
Haytham Hero Reveal is designed for portfolios, agencies, fashion, editorial, photography, architecture, and premium landing pages. The final headline measures the rendered word and scales it to your Hero Fit percentage, keeping typography balanced across different words, fonts, and widths.
Perfect For
Portfolios Agency websites Fashion and editorial sites Photography sites Architecture studios Personal websites Premium landing pages
Key Features
Animated loading counter Letter-by-letter loader animation Two-color preloader transition Optional full-frame reveal image Adjustable image focal position Measured full-width hero text fitting Top, center, or bottom hero placement Custom hero and loader typography Custom colors Optional counter Adjustable speed and letter stagger Responsive across desktop, tablet, and mobile Static Canvas and export rendering No code required
How It Works
The loader starts with animated text and a percentage counter. The layered panels collapse while the optional image wipes away, revealing the hero headline. Hero Fit automatically scales the rendered headline to the selected percentage of the available width.
Customization Options
Customize the headline, loader text, fonts, colors, reveal image, image focus, hero position, Hero Fit, counter, spacing, speed, delay, and stagger 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.
About this Component
Create a cinematic entrance with a layered preloader, animated counter, loader text, image wipe, and full-width hero typography reveal.
Haytham Hero Reveal is designed for portfolios, agencies, fashion, editorial, photography, architecture, and premium landing pages. The final headline measures the rendered word and scales it to your Hero Fit percentage, keeping typography balanced across different words, fonts, and widths.
Perfect For
Portfolios Agency websites Fashion and editorial sites Photography sites Architecture studios Personal websites Premium landing pages
Key Features
Animated loading counter Letter-by-letter loader animation Two-color preloader transition Optional full-frame reveal image Adjustable image focal position Measured full-width hero text fitting Top, center, or bottom hero placement Custom hero and loader typography Custom colors Optional counter Adjustable speed and letter stagger Responsive across desktop, tablet, and mobile Static Canvas and export rendering No code required
How It Works
The loader starts with animated text and a percentage counter. The layered panels collapse while the optional image wipes away, revealing the hero headline. Hero Fit automatically scales the rendered headline to the selected percentage of the available width.
Customization Options
Customize the headline, loader text, fonts, colors, reveal image, image focus, hero position, Hero Fit, counter, spacing, speed, delay, and stagger 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.
