---
title: "loaderlogo — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Viper Guy · Effects. First impressions load in under 3 second"
canonical: "https://framer.elliotli.dev/component/loaderlogo"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/loaderlogo

# loaderlogo

First impressions load in under 3 second

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

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

## Summary

First impressions load in under 3 second

## Description

**What it does** LogoPreloader covers your page on load, animates your logo in with a smooth upward fade, holds it center-stage while a hairline progress bar sweeps the bottom edge, then dissolves everything in a signature blur-scale exit — revealing your site underneath.

**What's included** Drop in your own PNG logo via Framer's native Image picker. No code editing required. An optional text block lets you pair a wordmark or tagline below the image. Every visual detail — accent color, background, image dimensions, and display duration — is controllable straight from the properties panel.

**Built for professionals** Designed for agency sites, portfolios, and product launches where the first second matters. The animation sequence is hand-tuned with custom cubic-bezier curves for an entrance that feels intentional, not canned. The blur-out exit is the kind of detail clients notice without knowing why.

**Property controls** — Logo Image (PNG, any size) — Image Width & Height — Show Text toggle (optional wordmark + subtext) — Accent Color — Background Color — Duration (1200ms – 6000ms)

**Setup in 60 seconds** Add the component to your page → connect your logo PNG → publish. Works as a page overlay or fixed layer. No dependencies, no external libraries.

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

-   All · #10880

## Details

- **Author**: Viper Guy
- **Price**: $2.00
- **Published**: 2026-05-27
- **Updated**: 2026-05-27
- **Added**: 2026-05-16
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows