Gradient Circles

Create stunning modern backgrounds with animated blurred gradient circles that move smoothly around the center.

Create stunning modern backgrounds with animated blurred gradient circles that move smoothly around the center. This component adds a premium aurora-style visual effect perfect for hero sections, landing pages, portfolios, SaaS websites, creative showcases, and modern UI designs. Featuring two large glowing gradient circles with soft blur effects and fluid motion animation, this component helps bring depth, atmosphere, and dynamic visual energy to your website. Customizable Options Circle 1 Color — Customize the first gradient glow color. Circle 2 Color — Set the second gradient glow color. Circle 1 Size (%) — Adjust the scale of the first circle. Circle 2 Size (%) — Control the size of the second circle. Blur Amount (px) — Create soft dreamy gradient diffusion. Animation Speed — Control smooth floating rotation movement. Perfect For Hero Backgrounds Aurora UI Effects Landing Pages SaaS Websites Portfolio Websites Creative Sections Modern Web Design Gradient Motion Backgrounds Premium Framer Websites

softly blurred gradient circles