A premium, scroll-free intro and loading animation for Framer, built to make the first three seconds of your site feel intentional.
Instead of a generic spinner or a blank flash before content appears, IntroLoader fans a set of your own images into a rotating card arrangement around a pulsing, rayed loading mark. It doesn't run on a fixed timer, it tracks your page's actual load state and then dismisses itself with a smooth, directional wipe once everything is genuinely ready. The result reads less like a loading screen and more like an opening scene.
Real load-state tracking, not a fake timer. A configurable minimum and maximum duration keep the experience consistent even on very fast or very slow connections.
Fanned image cards with organic motion Add up to 8 of your own images i.e product shots, portfolio pieces, lifestyle photography — whatever fits your brand.
A living, breathing loading mark At the center sits a customizable rayed "loading" glyph — its rays reveal one by one on entrance and retract on exit, with a soft pulsing glow behind it in your chosen accent color.
Five directional exit styles Choose how the loader dismisses itself: Up, Down, Left, Right, or Radial — a circular iris-style wipe that closes in on itself.
Optional animated headline Flip on the "Show Text" switch and every character reveals in sequence with the same slide-and-rotate motion as the rays, then retracts the same way on exit.
Full color and sizing control Independently style the loader background, loader text color, hero background, hero text color, and accent color.
Speed control A single speed multiplier scales every animation timing in the component proportionally so you can make the entire intro snappier or more cinematic without retuning each animation by hand.
Portfolio sites
Product launches
Fashion and lifestyle brands
Agency landing pages, and any project where the first impression is worth designing.
A premium, scroll-free intro and loading animation for Framer, built to make the first three seconds of your site feel intentional.
Instead of a generic spinner or a blank flash before content appears, IntroLoader fans a set of your own images into a rotating card arrangement around a pulsing, rayed loading mark. It doesn't run on a fixed timer, it tracks your page's actual load state and then dismisses itself with a smooth, directional wipe once everything is genuinely ready. The result reads less like a loading screen and more like an opening scene.
Real load-state tracking, not a fake timer. A configurable minimum and maximum duration keep the experience consistent even on very fast or very slow connections.
Fanned image cards with organic motion Add up to 8 of your own images i.e product shots, portfolio pieces, lifestyle photography — whatever fits your brand.
A living, breathing loading mark At the center sits a customizable rayed "loading" glyph — its rays reveal one by one on entrance and retract on exit, with a soft pulsing glow behind it in your chosen accent color.
Five directional exit styles Choose how the loader dismisses itself: Up, Down, Left, Right, or Radial — a circular iris-style wipe that closes in on itself.
Optional animated headline Flip on the "Show Text" switch and every character reveals in sequence with the same slide-and-rotate motion as the rays, then retracts the same way on exit.
Full color and sizing control Independently style the loader background, loader text color, hero background, hero text color, and accent color.
Speed control A single speed multiplier scales every animation timing in the component proportionally so you can make the entire intro snappier or more cinematic without retuning each animation by hand.
Portfolio sites
Product launches
Fashion and lifestyle brands
Agency landing pages, and any project where the first impression is worth designing.
