Animated Gradients Section Addon Tutorial


In this article, you’ll explore how to use the widget with no technical experience in Elementor, a popular WordPress page builder. It’s crucial to enhance your Elementor elements with eye-catching background animations. By leveraging Animated Gradient Addon, created by Premium Addons for Elementor, you can craft striking backgrounds for your Elementor section, container, or column. This simple technique can notably improve user experience and effectively differentiate specific sections from the rest of your WordPress page content.

Explore our widget page and unlock its full potential.

Animated Gradients Section Addon Tutorial


  • You will need Premium Addons PRO plugin installed and activated on your website.
  • Also, make sure that this widget/addon is enabled so you can find it in the Elementor editor. Check this article to know how to do that.
  • Premium Addons works only with Elementor Page Builder plugin so you will need to have it installed and activated as well.

Key Features

Elementor Animated Gradient Addon

Animated Gradient on Elementor Section/Container.

Elementor Section in Elementor Editor, An Arrow Points at Premium Animated Gradient
Premium Animated Gradient Addon for Elementor Section/Container

Elementor Animated Gradient Settings

  • Enable Animated Gradient: Switcher to Enable/Disable the Animated Gradient colors on your Elementor section.
Premium Addons' Animated Gradients Enable button on Elementor editor
Elementor Animated Gradients Settings
  • Add Item: Allows you to add background colors that will be displayed on your Elementor section’s background.
  • Enable Wave Effect: Enable to have a wave-animated effect for Elementor Animated Gradient’s color.
  • Animation Speed: Set Elementor Animated Gradient’s animation speed.
  • Gradient Angle (degrees): Set the angle degree for the gradient colors. It will allow you to set the animated gradient motion within the Elementor section.
Animated Gradient Section Addon Items settings on Elementor's editor
Elementor Animated Gradient Section Addon – Items


In summary, Animated Gradients for Elementor is a valuable tool for creating visually stunning backgrounds in web design. It enhances user experience by distinguishing sections on your page, adding a dynamic dimension to your content. Elevate your web design with Animated Gradients and leave a lasting impression on your site’s visitors.

Download Now it's free!

Extend your Elementor Page Builder capabilities now with Premium Addons. 44+ Elementor Widgets Totally Free of charge.

Premium Addons for Elementor plugin logo

Stay Updated

Subscribe to our newsletter to receive the latest updates and features.