---
title: "Threshold Preloader — Framer component · Best of Framer"
description: "$29.00 · Framer component · by Ashref Gamoudi · Loaders. Preloader that tracks real loading"
canonical: "https://framer.elliotli.dev/component/threshold-preloader"
---

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

# Threshold Preloader

Preloader that tracks real loading

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

![Threshold Preloader preview image 1](https://framer.elliotli.dev/og/component/threshold-preloader/deb90ff88fda202f/1600x1200.jpg)

## Summary

Preloader that tracks real loading

## Description

Threshold is a preloader that tracks what the browser is actually loading instead of running a countdown.

Most preloaders play for a fixed duration no matter how fast the page arrives. That hides content the browser has already painted and inflates your Largest Contentful Paint. Threshold exits the moment loading finishes, so on a fast connection it is gone almost immediately.

Progress is weighted across three real signals: images decoded, webfonts ready, and the window load event. A hard timeout guarantees an exit even if a third party script hangs.

Four counter styles including a liquid fill with a moving wave, a progress ring, a word cycler, a logo, and a progress bar. Seven exit animations plus a staggered column reveal. Frequency control is built in, so once per session or once per day needs no code override.

Frozen on the canvas, reduced motion respected, and every element is optional.

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

-   All · #2257

## Details

- **Author**: Ashref Gamoudi
- **Price**: $29.00
- **Published**: 2026-09-05
- **Updated**: 2026-09-05
- **Added**: 2026-09-05
- **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