About this Component
Create a cinematic first impression with a geometric preloader built around animated circles, a live percentage counter, supporting copy, and a clean fullscreen reveal.
Haytham Orbit Loader begins with an elastic circular drop, transforms through layered geometric motion, then scales the loader away to reveal your page with a bold final text moment.
Everything can be customized directly in Framer, including the counter, teaser copy, final text, colors, typography, circle geometry, spacing, borders, animation speed, and responsive behavior.
Perfect For
Creative portfolios Agency websites Fashion and editorial sites Photography portfolios Architecture studios Personal websites Landing pages Premium digital experiences
Key Features
Animated percentage counter Elastic geometric circle reveal Layered circle and block animation Fullscreen page reveal Custom teaser and final text Optional italic final letter Custom counter suffix Custom colors Full font controls Adjustable circle and block geometry Adjustable spacing and borders Responsive sizing across breakpoints Animation speed control Scroll stopping during the intro Static Framer Canvas/export preview No code required
How It Works
Drop the component into your page and size it to cover the viewport. The loader temporarily prevents page scrolling while the intro plays, then automatically restores scrolling when the reveal finishes.
Customize the content, colors, typography, geometry, and timing from the Framer property panel.
Questions? Reach out at hasanwali6890@gmail.com
Refund Policy
All sales are final. Refunds are only available if the component has a technical issue that prevents it from working as described and I’m unable to resolve it. Refund requests must be made within 14 days of purchase and include clear evidence of the issue.
About this Component
Create a cinematic first impression with a geometric preloader built around animated circles, a live percentage counter, supporting copy, and a clean fullscreen reveal.
Haytham Orbit Loader begins with an elastic circular drop, transforms through layered geometric motion, then scales the loader away to reveal your page with a bold final text moment.
Everything can be customized directly in Framer, including the counter, teaser copy, final text, colors, typography, circle geometry, spacing, borders, animation speed, and responsive behavior.
Perfect For
Creative portfolios Agency websites Fashion and editorial sites Photography portfolios Architecture studios Personal websites Landing pages Premium digital experiences
Key Features
Animated percentage counter Elastic geometric circle reveal Layered circle and block animation Fullscreen page reveal Custom teaser and final text Optional italic final letter Custom counter suffix Custom colors Full font controls Adjustable circle and block geometry Adjustable spacing and borders Responsive sizing across breakpoints Animation speed control Scroll stopping during the intro Static Framer Canvas/export preview No code required
How It Works
Drop the component into your page and size it to cover the viewport. The loader temporarily prevents page scrolling while the intro plays, then automatically restores scrolling when the reveal finishes.
Customize the content, colors, typography, geometry, and timing from the Framer property panel.
Questions? Reach out at hasanwali6890@gmail.com
Refund Policy
All sales are final. Refunds are only available if the component has a technical issue that prevents it from working as described and I’m unable to resolve it. Refund requests must be made within 14 days of purchase and include clear evidence of the issue.
Hasan Wali
