---
title: "ShaftLoader — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Integry · Loaders. Cinematic first impression"
canonical: "https://framer.elliotli.dev/component/shaftloader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/ShaftLoader

# ShaftLoader

Cinematic first impression

[View on Framer](https://framer.com/marketplace/components/shaftloader/?via=elliot-li)

![ShaftLoader preview image 1](https://framer.elliotli.dev/og/component/shaftloader/55ed8c2012cee616/1600x1200.jpg)

## Summary

Cinematic first impression

## Description

## 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.

![Absolute position Framer](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-vx7mxcw5-XVhQqFcuOvvnicYhJIho59NG46C6tv)Absolute position Framer

Change the position type to absolute.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-vx7mxcw5-pB3GPyqU6RPrFhO9LsigWPvz8lE3gM)

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.

## 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).
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-tcvqq0c1-dCi8ozwV2nIKKcyYvXmbInaYdiVptA)

## 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.
    

[Demo](https://integry.framer.ai/shaftloader)

## Rank history [How rankings work →](/terms#rankings)

-   All · #4462

## Details

- **Author**: Integry
- **Price**: $5.00
- **Published**: 2025-11-19
- **Updated**: 2026-09-25
- **Added**: 2025-11-07
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story