---
title: "SpiralDotLoader — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Darshan Lunagariya · Loaders. Animated Spiral Dot BG"
canonical: "https://framer.elliotli.dev/component/spiraldotloader"
---

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

# SpiralDotLoader

Animated Spiral Dot BG

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

![SpiralDotLoader preview image 1](https://framer.elliotli.dev/og/component/spiraldotloader/9595d0e143ae2133/1600x1200.jpg)

## Summary

Animated Spiral Dot BG

## Description

Features:

🎨 Gradient colors: set Color A and Color B, mapped from center to edge

🔷 Content modes: render points as circles, squares, triangles, custom text/emoji, or uploaded icons

🌀 Spiral animation: smooth phyllotaxis rotation with a pulsing wave from the center

🧲 Magnetic hover: points repel from the cursor and spring back elastically (works on touch too)

⚡ Adjustable speed: slow drift to fast spin

🔢 Density control: tune the number of points

📏 Dot size: scale points up or down

🎯 Hover radius and magnet force: dial in the interaction feel

🖼️ Background and corner radius: style the container

📐 Free resize: defaults to a 1:1 square, stays centered and circular at any size

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

-   All · #8778

## Details

- **Author**: Darshan Lunagariya
- **Price**: $8.00
- **Published**: 2026-06-07
- **Updated**: 2026-06-07
- **Added**: 2026-05-31
- **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