Aurora Sphere — animated gradient component

Aurora sphere is a dynamic animated gradient component featuring soft, flowing light blobs with a subtle 3D perspective effect. Designed to create depth, movement, and a modern atmospheric look for hero sections, landing pages, portfolios, and SaaS websites.

Customize Options :

• Color 1 – 4 : Set four customizable gradient colors to match your brand identity.

• Animation Speed : Control the movement duration of the floating light blobs (2s – 20s).

• Blur Amount : Adjust the softness and glow intensity of the gradients (20px – 150px).

• Perspective : Control the 3D depth effect of the background (500px – 2000px).

• Rotate X : Tilt the background vertically for dynamic perspective (-45° to 45°).

• Rotate Y : Tilt the background horizontally for added depth (-45° to 45°).