---
title: "Spiral Layers — Free Framer component · Best of Framer"
description: "Free Framer component · by Edi Priatama · Backgrounds. Customization Options 🎨 Colors Spiral color Background color ✏️ Appearance Line width (thickness of spiral lines) Opacity (layer…"
canonical: "https://framer.elliotli.dev/component/spiral-layers"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Spiral Layers

# Spiral Layers

animated background component

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

![Spiral Layers preview image 1](https://framer.elliotli.dev/og/component/spiral-layers/d02b0087c0caf742/1600x1200.jpg)

## Summary

Customization Options 🎨 Colors Spiral color Background color ✏️ Appearance Line width (thickness of spiral lines) Opacity (layer transparency) Spiral tightness (controls wave…

## Description

The component combines procedural drawing with smooth animation, allowing each spiral layer to move at different speeds and sizes—resulting in a fluid, organic visual experience.

## Customization Options

### 🎨 Colors

-   Spiral color
    
-   Background color
    

### ✏️ Appearance

-   Line width (thickness of spiral lines)
    
-   Opacity (layer transparency)
    
-   Spiral tightness (controls wave distortion along the spiral path)
    

### 📐 Layout

-   Number of spiral layers
    
-   Center hole size (inner empty radius)
    

### 🎬 Animation

-   Base rotation speed
    
-   Speed variation between layers
    

### 📏 Size

-   Base size (overall spiral scale)
    
-   Size variation across layers
    

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

-   All · #6775

## Details

- **Author**: Edi Priatama
- **Published**: 2026-05-16
- **Updated**: 2026-05-14
- **Added**: 2026-05-06
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background