---
title: "Loadly — Framer component · Best of Framer"
description: "$8.00 · Framer component · by DariStudio · Loaders. Loadly — 13 Animated Loaders in One Component Stop hunting for the right spinner."
canonical: "https://framer.elliotli.dev/component/loadly"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Loadly

# Loadly

One component, 13 loaders

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

![Loadly preview image 1](https://framer.elliotli.dev/og/component/loadly/76d13811d7ba86d6/1600x1200.jpg)

## Summary

Loadly — 13 Animated Loaders in One Component Stop hunting for the right spinner.

## Description

Loadly — 13 Animated Loaders in One Component

Stop hunting for the right spinner. LoaderKit packs 13 hand-tuned loading animations into a single Framer component — pick one from a dropdown, set your colors, and you're done. Every style shares the same controls, so switching looks takes one click, not a new component.

The 13 styles

Fading Dots · Comet · Pulse Rings · Equalizer · Gradient Arc · Progress Ring · Dot Grid · Radar · Dual Rings · Arc Spinner · Ripple · Progress Bar · Wave Bars

Why you'll love it

\- **No code, ever.** Drop it on the canvas and tweak everything from the properties panel.

\- **13-in-1.** One dropdown switches between every style — try them all in seconds without adding layers.

\- **Fits any theme.** Two colors (Color + Track) drive the whole look; the defaults shine on dark UIs, but it works on any background.

\- **Fully adjustable.** Size, speed, and an optional uppercase label with its own color.

\- **Light and smooth.** Pure CSS animations, no libraries, no images — buttery even on mobile.

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

-   All · #7616

## Details

- **Author**: DariStudio
- **Price**: $8.00
- **Published**: 2026-07-07
- **Updated**: 2026-07-07
- **Added**: 2026-07-07
- **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