Preloader with Logo

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/

Gumroad Link: 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.