---
title: "Preload — Free Framer component · Best of Framer"
description: "Free Framer component · by Alireza Sinaei · Loaders. About this Preloader Component A smooth animated preloader component that sequentially animates upward to reveal the underlying content,…"
canonical: "https://framer.elliotli.dev/component/preload"
---

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

# Preload

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

![Preload preview image 1](https://framer.elliotli.dev/og/component/preload/ed493413fc923a9c/1600x1200.jpg)

## Summary

About this Preloader Component A smooth animated preloader component that sequentially animates upward to reveal the underlying content, creating an elegant curtain-like…

## Description

**About this Preloader Component**A smooth animated preloader component that sequentially animates upward to reveal the underlying content, creating an elegant curtain-like transition effect perfect for page loading states or content reveals. The animation plays in approximately 2 seconds. It supports 3 different sizes for flexible responsiveness and allows full customization of the images used.**Key Features**

-   Available in 3 sizes (small, medium, large)
    
-   Sequential animation that plays in approximately 2 seconds
    
-   Fully customizable images for personalized branding
    
-   Smooth upward reveal animation
    
-   Ideal for preloaders and page transitions
    

**Customization**The images are independently editable, allowing you to upload and customize your own photos or graphics to match your brand palette, create thematic effects, or adapt to different screen sizes across the reveal sequence.

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

-   All · #3133

## Details

- **Author**: Alireza Sinaei
- **Published**: 2025-10-02
- **Updated**: 2025-10-02
- **Added**: 2025-09-24
- **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