Looping Gradients

Three Distinct Gradient Modes

Choose from carefully crafted motion styles:

• Liquid — Fluid motion with soft, organic blending

• Cloud — Layered vapor with natural rotation

• Aurora — Vertical light bands inspired by polar skies

Each mode is engineered for seamless looping with no visible reset or ping-pong.

Precision Control

Fine-tune every aspect of the motion:

• Speed & loop duration

• Seed variation

• Color blending intensity

Engineered for Performance

• Dynamic quality scaling

• Automatic performance downscaling

• Pause when off-screen

• Respects reduced motion preferences

• Optimized frame limiting

Designed to look premium without sacrificing performance across devices.

Truly Seamless Looping

Unlike many animated gradients, Looping Gradient is built around intentional loop timing. Adjust loop duration to create perfectly repeating motion cycles.Ideal for landing pages, hero sections, immersive product layouts, and ambient UI backgrounds.