Advanced Gradients Widget

Add advanced gradients to your Adobe Muse website with the Advanced Gradients Widget.

Set gradient angle

Rather than just a horizontal or vertical gradient, you can set a custom angle for the gradient direction.

Set gradient colors

the set the colors, location, and opacity of each gradient color.

Apply to an element on your site

The gradient can be applied to any element by applying the graphic style name that is in the widget to the element via the built-in "Graphic Styles" panel in Adobe Muse.

Add custom shadow

Apply a custom shadow to the gradient element.


The widget works across all breakpoints and can be set to responsive width, responsive width and height, and stretch to browser width.

Multi-Browser Support

Google Chrome
Mozilla Firefox
Microsoft Edge
Internet Explorer IE 11+

Version 1.2

Version 1.2


  • Widgets without a graphic style name can now be responsive in width and height via the “Resize” option in Adobe Muse.

Version 1.1


  • Added the “Advanced Gradients – Fullscreen” widget to apply the gradient to the entire page.
  • Adjusted a few of the widget options in the “2 Colors” widget so that the first color is the first option in the widget.