ShaftLoader
The Shaft Loader provides a dramatic and professional entrance for your Framer site, using a smooth, split-panel animation that captivates your audience while your content loads.
Make it with Workshop
Build your own component with AI
The Shaft Loader provides a dramatic and professional entrance for your Framer site, using a smooth, split-panel animation that captivates your audience while your content loads.
Make it with Workshop
Build your own component with AI
Split-Panel Full-Page Preloader with Scroll Lock
Tired of basic spinner icons? The Shaft Loader provides a dramatic and professional entrance for your Framer site, using a smooth, split-panel animation that captivates your audience while your content loads.
Change the position type to absolute.
Use the Arrow keys to push the layer outside, and it's ready to use. Copy the already adjusted component and paste it on the other pages you want to use it. No need to set up again.
"Shaft Loader": Uses the component's internal name for recognition.
"Split-Panel": Describes the core vertical opening animation immediately.
"Full-Page Preloader": Clear functional keywords for searchability (the user knows exactly what it does).
"with Scroll Lock": Highlights the crucial functional feature (blocking interaction/scrolling during the load).
Cinematic Split-Panel Animation: Two vertical panels slide apart (one up, one down) to reveal your content with a customizable duration and a smooth, professional cubic-bezier easing curve.
Full-Page Overlay: Instantly covers the entire viewport on load with a high z-index, ensuring a seamless transition.
Intelligent Scroll & Interaction Lock: Crucially, it adds a loader-active class to the body to prevent users from scrolling or interacting with the page content before the animation completes.
Smart Session Memory: Use the Show on Refresh property to control whether the loader appears on subsequent visits using sessionStorage, ensuring a quicker experience for returning users.
Fully Customizable Text: Add separate Upper Text and Lower Text with independent Font and Styling Controls to match your brand aesthetic perfectly.
Effortless Integration: A simple drag-and-drop component that requires zero code setup in your Framer project.Give your website the high-end feel it deserves with the Shaft Loader.
