About this Component
Create a bold, cinematic loading experience with a rolling counter sequence and layered SVG reveal.
Haytham Count Reveal opens with two oversized number counters that travel across the screen while cycling through digits, followed by three expanding star-shaped reveal layers that transition into your page.
The counter typography, size, color, padding, position, offsets, reveal colors, reveal position, scale, timing, scroll locking, and layer order can all be customized directly inside Framer.
Perfect For
Creative portfolios Fashion websites Agency websites Photography websites Architecture studios Editorial websites Premium landing pages
Key Features
Animated dual counter sequence Layered SVG reveal transition Sharp vector-based reveal shapes Custom counter typography Adjustable counter size Top, center, or bottom counter positioning Custom X and Y counter offsets Adjustable side padding Custom reveal colors Adjustable reveal position and scale Full animation timing controls Optional scroll locking Keep or hide scrollbar while locked Responsive across desktop, tablet, and mobile No code required
How It Works
The preloader begins with two animated counter columns. Each counter cycles through a sequence of digits while moving horizontally across the viewport.
Once the counter sequence nears completion, three SVG shapes expand from the center in succession to cover the screen. The final layer completes the transition and reveals the page underneath.
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, cinematic loading experience with a rolling counter sequence and layered SVG reveal.
Haytham Count Reveal opens with two oversized number counters that travel across the screen while cycling through digits, followed by three expanding star-shaped reveal layers that transition into your page.
The counter typography, size, color, padding, position, offsets, reveal colors, reveal position, scale, timing, scroll locking, and layer order can all be customized directly inside Framer.
Perfect For
Creative portfolios Fashion websites Agency websites Photography websites Architecture studios Editorial websites Premium landing pages
Key Features
Animated dual counter sequence Layered SVG reveal transition Sharp vector-based reveal shapes Custom counter typography Adjustable counter size Top, center, or bottom counter positioning Custom X and Y counter offsets Adjustable side padding Custom reveal colors Adjustable reveal position and scale Full animation timing controls Optional scroll locking Keep or hide scrollbar while locked Responsive across desktop, tablet, and mobile No code required
How It Works
The preloader begins with two animated counter columns. Each counter cycles through a sequence of digits while moving horizontally across the viewport.
Once the counter sequence nears completion, three SVG shapes expand from the center in succession to cover the screen. The final layer completes the transition and reveals the page underneath.
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
