Spiral Layers
SpiralLayers is a visually striking animated background component. It renders multiple layered spirals that rotate dynamically, creating a hypnotic, depth-rich motion effect perfect for modern and futuristic UI designs.
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
