Skip to content

Spiral Layers

animated background component

Spiral Layers preview image 1

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 →

120014001600169558/149/59/2710/1911/10
  • All · #6775

Details

More like this