---
title: "Preloader-Pro — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Rehbar Design Labs · Loaders. All-in-One Pre loader Component Bring your website to life with a fully customisable Pre loader Component."
canonical: "https://framer.elliotli.dev/component/preloader-pro"
---

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

# Preloader-Pro

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

![Preloader-Pro preview image 1](https://framer.elliotli.dev/og/component/preloader-pro/fb1c27767f379499/1600x1200.jpg)

## Summary

All-in-One Pre loader Component Bring your website to life with a fully customisable Pre loader Component.

## Description

## All-in-One Pre loader Component

Bring your website to life with a fully customisable **Pre loader Component**. Choose between logo, text, or progress bar loaders with flexible design controls. Adjust colours, gradients, fonts, duration, and animations — all in one intuitive panel. Show loading percentages, set custom widths and heights, and pick from smooth exit effects like _Swipe Up_ with _Circle In Out_ easing. Whether you want a bold brand reveal or a subtle loading cue, this pre loader adapts perfectly to your style.

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

## Features

-   Show your **logo**, **loading text**, or **progress bar** effortlessly
    
-   Choose **colour**, **gradient**, or **image** backgrounds
    
-   Fully customisable **text, accent, and background colours**
    
-   Supports multiple **font selections** for both text and percentage
    
-   Adjustable **duration**, **bar width**, and **bar height**
    
-   Option to **show or hide** the loading bar and percentage display
    
-   Smooth **exit animations** like _Swipe Up_ with easing control
    
-   Quick **exit duration** for seamless page transitions
    
-   Perfect for adding a polished, branded loading experience
    

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

-   All · #8291

## Details

- **Author**: Rehbar Design Labs
- **Price**: $10.00
- **Published**: 2025-10-19
- **Updated**: 2025-10-20
- **Added**: 2025-10-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