Spiral Layers

Show Preview
Spiral Layers

About Spiral Layers

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