---
title: "Prelude Loader — Free Framer component · Best of Framer"
description: "Free Framer component · by Teri Jacobs · Loaders. Create a polished first impression with Prelude Loader, a lightweight, fully customizable fullscreen loading overlay for Framer."
canonical: "https://framer.elliotli.dev/component/prelude-loader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Prelude Loader

# Prelude Loader

Minimal loading overlay

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

![Prelude Loader preview image 1](https://framer.elliotli.dev/og/component/prelude-loader/764ebb8a0231553d/1600x840.jpg)

## Summary

Create a polished first impression with Prelude Loader, a lightweight, fully customizable fullscreen loading overlay for Framer.

## Description

**Create a polished first impression with Prelude Loader, a lightweight, fully customizable fullscreen loading overlay for Framer.**

**Customize:**

-   Typography
    
-   Colours
    
-   Display & fade timing
    
-   Loading indicator
    
-   Canvas Preview
    
-   Show Once
    

**How to use**

**Canvas Preview** is enabled by default, allowing you to style your loader directly on the canvas. When you're ready to test the loading sequence, disable **Canvas Preview** and open **Preview** to experience the live animation.

Enable **Show Once** to display the loader only once per browser session for a smoother browsing experience.

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

-   All · #4767

## Details

- **Author**: Teri Jacobs
- **Published**: 2026-07-26
- **Updated**: 2026-10-04
- **Added**: 2026-07-26
- **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