---
title: "Psychedelic Spiral — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Harman Pixels · Backgrounds. Description: This Psychedelic Spiral Animation component generates a dynamic, ever-evolving spiral made of rotating, multi-colored…"
canonical: "https://framer.elliotli.dev/component/psychedelic-spiral"
---

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

# Psychedelic Spiral

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

![Psychedelic Spiral preview image 1](https://framer.elliotli.dev/og/component/psychedelic-spiral/63aa098d2fd7af00/1600x1200.jpg)

## Summary

Description: This Psychedelic Spiral Animation component generates a dynamic, ever-evolving spiral made of rotating, multi-colored dots rendered on an HTML canvas.

## Description

**Description:**This **Psychedelic Spiral Animation** component generates a dynamic, ever-evolving spiral made of rotating, multi-colored dots rendered on an HTML canvas. Perfect for backgrounds, visualizers, or artistic motion displays, it uses trigonometric transformations and HSL color gradients to produce vibrant, rainbow-like spirals that rotate smoothly in real time.

Users can customize the spiral’s **color intensity**, **number of shades**, **dot density**, **rotation speed**, and **background color** directly in Framer through property controls. The animation continuously evolves frame-by-frame for a captivating psychedelic effect that feels alive and fluid.

**Features:**

-   🌈 Adjustable shades, saturation, and lightness for vivid color control
    
-   ⚙️ Customizable spiral repetitions and dot density
    
-   🌀 Smooth real-time rotation and trippy motion
    
-   🎨 Canvas-based rendering for performance and fluid animation
    
-   💡 Works as a live background or abstract art element in Framer
    

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

-   All · #10408

## Details

- **Author**: Harman Pixels
- **Price**: $5.00
- **Published**: 2025-11-26
- **Updated**: 2025-11-26
- **Added**: 2025-11-06
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background