---
title: "SpirographGenerator — Free Framer component · Best of Framer"
description: "Free Framer component · by Pixel Booster · Interactive. I created this dynamic Spirograph component that continuously loops in a mesmerizing display of colorful trails and fluid motion."
canonical: "https://framer.elliotli.dev/component/spirographgenerator"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/SpirographGenerator

# SpirographGenerator

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

![SpirographGenerator preview image 1](https://framer.elliotli.dev/og/component/spirographgenerator/25d65e7b9c92c8d3/1600x1200.jpg)

## Summary

I created this dynamic Spirograph component that continuously loops in a mesmerizing display of colorful trails and fluid motion.

## Description

I created this dynamic Spirograph component that continuously loops in a mesmerizing display of colorful trails and fluid motion. What makes it even more exciting is how interactive it is—you can take full control of every aspect of the design. Adjust the **size** to scale your patterns from delicate mini loops to large, sweeping arcs. Modify the **number of points** to shape the complexity of the pattern, or fine-tune the **radius** and **pen distance** to change how each curve intertwines. You can even customize the **loop cycle speed** to make the motion slow and meditative or fast and energetic. And with full control over the **color trails**, you can create anything from soft pastel gradients to bold, neon bursts. It’s a living, breathing piece of generative art that responds to your creativity—endlessly looping, endlessly unique.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-96qxncvu-70YJx1ttiRDM63naJxWbiWOCjPaNyw)

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

-   All · #6850

## Details

- **Author**: Pixel Booster
- **Published**: 2025-10-11
- **Updated**: 2025-12-29
- **Added**: 2025-10-06
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase