Gradient Motion — animated gradient 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

1. 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.

2. Colors (when custom mode is enabled)

3. Gradient Style

   • Switch between Radial, Conic, Mesh, Linear, Diamond gradient types.

   • Each type has its own unique movement and blending style.

4. Animation

   • Animation Speed → Control how fast the gradient transitions.

   • Respect Motion Preference → Automatically respects users who prefer reduced motion (for accessibility).

5. 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.