---
title: "Preloader with Logo — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Rohit Anand · Loaders. Prelaoder with custom logo"
canonical: "https://framer.elliotli.dev/component/preloader-with-logo"
---

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

# Preloader with Logo

Prelaoder with custom logo

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

![Preloader with Logo preview image 1](https://framer.elliotli.dev/og/component/preloader-with-logo/8fda8f545d2f0e2a/1600x1067.jpg)

## Summary

Prelaoder with custom logo

## Description

Framer Preloader — Animated Loading Screen

Create a polished website loading experience with a customizable Framer preloader. Display a smooth **0–100% loading counter**, add your own logo, customize colors and typography, then automatically transition the loader away with a smooth **upward slide animation**.

Live Preview: [https://preloaderwithlogo.framer.ai/](https://preloaderwithlogo.framer.ai/)

Gumroad Link: [https://rohitanand.gumroad.com/l/akwclf?wanted=true](https://rohitanand.gumroad.com/l/akwclf?wanted=true)

### Features

-   Smooth 0–100% loading animation
    
-   Adjustable loading duration
    
-   Custom logo upload
    
-   Adjustable logo size
    
-   Show/hide percentage counter
    
-   Custom percentage size and color
    
-   Custom background color
    
-   Custom progress bar color
    
-   Adjustable font weight
    
-   Smooth upward exit animation
    
-   Adjustable exit animation duration
    
-   Adjustable exit distance
    
-   Fully responsive
    
-   No external libraries required
    
-   Easy to customize directly from Framer
    

### Perfect For

Use it for portfolios, agency websites, creative studios, SaaS websites, personal websites, and premium landing pages where you want a strong first impression.

### How It Works

The preloader starts at **0%**, smoothly counts to **100%**, pauses briefly, then slides upward to reveal the website underneath.

Everything can be customized through Framer's property panel without touching the code.

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

-   All · #6500

## Details

- **Author**: Rohit Anand
- **Price**: $10.00
- **Published**: 2026-08-21
- **Updated**: 2026-09-22
- **Added**: 2026-08-21
- **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