Gradient Motion

animated background

Dynamic • Customizable • Responsive Bring your projects to life with a smooth animated gradient background. Perfect for landing pages, hero sections, and interactive designs. Customizable Options Theme Control Choose from predefined palettes: Aurora, Sunset, Ocean, Forest, Monochrome. Switch between Light or Dark modes. Or disable theme mode and use your own custom colors. Colors (when custom mode is enabled) Gradient Style Switch between Radial, Conic, Mesh, Linear, Diamond gradient types. Each type has its own unique movement and blending style. Animation Animation Speed → Control how fast the gradient transitions. Respect Motion Preference → Automatically respects users who prefer reduced motion (for accessibility). Visual Effects Blur Amount → Add soft, dreamy effects or keep it sharp. Opacity → Control transparency from subtle background to bold focus. Gradient Size → Adjust the scale and coverage of the gradient.

animated background