---
title: "Haytham Preloader 27 — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Hasan Wali · Loaders. Dynamic bar-built character loader"
canonical: "https://framer.elliotli.dev/component/haytham-preloader-27"
---

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

# Haytham Preloader 27

Dynamic bar-built character loader

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

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

## Summary

Dynamic bar-built character loader

## Description

**About this Component**

Turn letters and numbers into a bold, mechanical loading sequence built entirely from animated bars.

Choose your own character sequence and watch 24 individual blocks slide, stagger, and rearrange into each character before collapsing into a final expanding rectangle. Use the default 0–9 sequence or create your own combination of letters and numbers directly from Framer.

The component is fully responsive and includes a component-scoped scroll stopper for immersive fullscreen loader experiences without taking control of the host page.

**Perfect For:** • Preloaders and intro sequences • Portfolio and agency websites • Creative landing pages • Brand reveals • Experimental typography • Number and countdown animations

**Key Features:** • Custom character sequence • Supports A–Z and 0–9 • Add, remove, and reorder characters • Original staggered 24-bar animation • Responsive size and spacing controls • Adjustable step timing, movement speed, and stagger • Custom background and bar colors • Optional final expansion • Expansion color, delay, duration, and radius controls • Component-scoped scroll stopper • Static Canvas/export rendering • No external packages required

Simply drop it into Framer, choose your characters, customize the timing and styling, and publish.

**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 · #9344

## Details

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