How to use
Absolute Position
Change the position type to absolute
Change the position type to absolute
Hide the layer
Use the Arrow keys to push the layer outside and it's ready to use.
Copy the already adjusted component and paste on the other pages you want to use it.
No need to setup again.
Use the Arrow keys to push the layer outside and it's ready to use.
Copy the already adjusted component and paste on the other pages you want to use it.
No need to setup again.
Shaft Loader: 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.
Why this title works:
"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).
Key Features: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.
Pixelated Countdown Reveal is a sleek, motion-driven component that transforms your static hero or landing sections into dynamic, time-based visuals. It combines a live countdown timer with an elegant pixelated media transition, creating a sense of anticipation and depth for upcoming launches, product drops, or events.
The pixel grid effect smoothly animates between levels of clarity, while your background image or looping video stays responsive and cinematic. Every element—from pixel density to font, colors, and transition timing—is fully adjustable, giving you total creative control.
Perfect for “Coming Soon” pages, product teasers, or campaign countdowns, this component blends functionality with an artistic reveal effect that feels premium and immersive.
Pixel Countdown Reveal uses UTC (Coordinated Universal Time) for its countdown.
When setting your target date and time, make sure to convert your local time to UTC (00:00) to ensure the countdown ends at the correct moment.
Key Features
Live countdown with editable target date and custom labels
Smooth pixelation transition for image or video backgrounds
Supports autoplay and looping video backgrounds
Fully customizable: pixel size, transition speed, corner radius, and counter styling
Adjustable font, colors, and background opacity for the counter
Automatic slide playback with interval control for multiple media assets
Responsive and adaptive to all screen sizes and container fits
Lightweight and easy to integrate into any Framer project
Refund Policy
All sales are final due to the nature of digital products. Please review all details before purchasing.
Questions & Support
Free lifetime updates & email support.
Shaft Loader: 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.
Why this title works:
"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).
Key Features: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.
Questions? Reach out via email amiopial017@gmail.com or on Linkedin.
Setting Up
Need help setting up your website or integrating this component?
Reach out and we’ll help get it running perfectly in your Framer project.