---
title: "Haytham Preloader v3 — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hasan Wali · Loaders. Cinematic circular site preloader"
canonical: "https://framer.elliotli.dev/component/haytham-preloader-v3"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Haytham Preloader v3

# Haytham Preloader v3

Cinematic circular site preloader

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

![Haytham Preloader v3 preview image 1](https://framer.elliotli.dev/og/component/haytham-preloader-v3/4cfa8fdab09304c1/1600x1200.jpg)

## Summary

Cinematic circular site preloader

## Description

**About this Component**

Create cinematic loading experiences with a circular progress animation, interface-style typography, and a smooth fullscreen hero reveal.

The sequence starts with an animated logo, four corner labels, a circular loader, then transitions from “ENGAGE” to “ACCESS GRANTED” before revealing the final hero title.

**Perfect For**

Creative portfolios Agency websites Fashion brands Creative studios Landing pages Premium websites

**Key Features**

Animated logo reveal Four animated corner labels Circular loading progress ENGAGE interaction state ACCESS GRANTED transition Smooth hero reveal Responsive hero typography Custom Framer font controls Custom colors and timing Adjustable circle size and stroke Click or automatic exit Scroll lock with scrollbar support Fully responsive No code required

**How It Works**

Logo animates into view

Corner labels appear

Circular loader progresses

ENGAGE appears when loading completes

ACCESS GRANTED replaces it on exit

The loader wipes away

The hero title is revealed

**Important Notes**

ENGAGE and ACCESS GRANTED can be customized. Corner labels can be edited or hidden. Scroll Lock prevents page movement during the sequence. Automatic Exit can replace manual interaction.

**Customization Options**

Logo text Corner labels Ready and outro labels Hero title and typography Interface typography Circle size and stroke Colors Animation speed Start and corner delay Progress variation Exit behavior Click area Scroll lock and scrollbar behavior

**Questions?**

Reach out at [hasanwali6890@gmail.com](mailto:hasanwali6890@gmail.com)

**Refund Policy**

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.

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

-   All · #6457

## Details

- **Author**: Hasan Wali
- **Price**: $10.00
- **Published**: 2026-08-13
- **Updated**: 2026-08-13
- **Added**: 2026-08-13
- **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