---
title: "Loader Set — Free Framer component · Best of Framer"
description: "Free Framer component · by Lucas · Loaders. Five SVG preloaders in one"
canonical: "https://framer.elliotli.dev/component/loader-set"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Loader Set

# Loader Set

Five SVG preloaders in one

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

![Loader Set preview image 1](https://framer.elliotli.dev/og/component/loader-set/51437a22cab3665b/1600x1200.jpg)

## Summary

Five SVG preloaders in one

## Description

Five preloaders in one component, pure SVG and CSS. No dependency, no external request, a few kilobytes. Pick a variant in the sidebar: Trace draws any SVG path you paste in - your own logo, stroke by stroke. Ring is a clean progress arc. Bars is a staggered wave. Halftone grows a dot pattern until the screen fills. Morph cycles a shape from triangle to square to hexagon. Two progress modes that matter: a fixed duration for a controlled intro, or real page load - and in that mode the bar honestly caps at 92 percent until the page is actually ready, instead of lying its way to 100. Set a minimum duration so a fast connection does not produce an ugly flash. Three exits: fade, slide up, or a closing circle. Full screen overlay or inline in its own frame. Colours, thickness, size, label and percentage readout are all exposed. Respects prefers-reduced-motion and renders a still frame inside the Framer editor, so your canvas stays fast.

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

-   All · #5575

## Details

- **Author**: Lucas
- **Published**: 2026-08-04
- **Updated**: 2026-08-04
- **Added**: 2026-08-04
- **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