---
title: "Mask Preloader — Free Framer component · Best of Framer"
description: "Free Framer component · by 55N · Loaders. Mask Preloader It turns the very first second on your site into a moment worth pausing for."
canonical: "https://framer.elliotli.dev/component/mask-preloader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Mask Preloader

# Mask Preloader

Where loading becomes the intro.

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

![Mask Preloader preview image 1](https://framer.elliotli.dev/og/component/mask-preloader/55af4c73830b5acd/1600x1200.jpg)

## Summary

Mask Preloader It turns the very first second on your site into a moment worth pausing for.

## Description

**Mask Preloader**

It turns the very first second on your site into a moment worth pausing for. A sequence of images and videos cuts through centre-screen, each cropped by a rising clip-path mask — snappy, rhythmic, never stacked. Once the sequence completes, the final frame scales up to fill the viewport, then settles into your live page content for a smooth reveal.

**Best for:**

-   Portfolio and agency websites
    
-   Product launches and landing pages
    
-   Editorial or storytelling experiences
    
-   Brands that care about polish and first impressions
    

**What you can customise:**

-   Image and video assets, mixed freely in one sequence
    
-   Timing per cut and overall duration
    
-   Scale, bounce, and easing
    
-   Background color and reveal behavior
    

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

-   All · #1665

## Details

- **Author**: 55N
- **Published**: 2026-08-09
- **Updated**: 2026-10-18
- **Added**: 2026-08-09
- **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