About this Component
Create a bold first impression with a cinematic preloader combining a rolling 000–100 counter, stacked media reveals, and a smooth corner-to-corner image transition.
Haytham Count Reveal introduces your site with an animated three-column counter while images scale into view from the top-left. Once the sequence completes, the cards pulse and travel into a clean bottom-right stack before scrolling is released.
Use your own images, choose an optional image or video for the final top card, and customize colors, counter typography, card proportions, spacing, timing, stagger, pulse amount, and positioning directly inside Framer.
The counter is fully responsive with controls for mask height, vertical offset, and digit spacing for precise breakpoint tuning.
Perfect For
Creative portfolios Agency websites Fashion and editorial sites Photography portfolios Architecture studios Landing pages Premium brand experiences
Key Features
Animated 000–100 rolling counter Stacked image reveal sequence Optional image or video top card Responsive counter sizing Mask height, Y offset, and digit gap controls Custom Framer typography Adjustable card sizing and aspect ratio Custom colors and corner radius Reveal and movement stagger controls Adjustable pulse animation Scoped scroll stopping during the intro Static Canvas and export rendering Responsive across desktop, tablet, and mobile No code required
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 bold first impression with a cinematic preloader combining a rolling 000–100 counter, stacked media reveals, and a smooth corner-to-corner image transition.
Haytham Count Reveal introduces your site with an animated three-column counter while images scale into view from the top-left. Once the sequence completes, the cards pulse and travel into a clean bottom-right stack before scrolling is released.
Use your own images, choose an optional image or video for the final top card, and customize colors, counter typography, card proportions, spacing, timing, stagger, pulse amount, and positioning directly inside Framer.
The counter is fully responsive with controls for mask height, vertical offset, and digit spacing for precise breakpoint tuning.
Perfect For
Creative portfolios Agency websites Fashion and editorial sites Photography portfolios Architecture studios Landing pages Premium brand experiences
Key Features
Animated 000–100 rolling counter Stacked image reveal sequence Optional image or video top card Responsive counter sizing Mask height, Y offset, and digit gap controls Custom Framer typography Adjustable card sizing and aspect ratio Custom colors and corner radius Reveal and movement stagger controls Adjustable pulse animation Scoped scroll stopping during the intro Static Canvas and export rendering Responsive across desktop, tablet, and mobile No code required
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
