← All widgetsWidget 78 · emcp_custom_78

Animated Gradient Heading

Elementor widget1 layout4 content options6 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: gradient, heading, animated, title, text.

Setup guide

  1. Open a page in Elementor, search the panel for Animated Gradient Heading and drag it into a container.
  2. Content › Content: Heading Text, HTML Tag, Alignment, Animation Speed (s).
  3. Style tab sections: Style. Colours, typography and spacing set here are scoped to this widget instance.
  4. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Demo

Default

Animated Gradient

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Content

OptionTypeChoices / rangeDefaultNotes
Heading Text
text		TextAnimated Gradient
HTML Tag
tag		DropdownH1, H2, H3, H4, div, spanh2
Alignment
alignment		Button groupLeft, Center, Rightcenter
Animation Speed (s)
speed		Numbermin 1, max 306

Style tab

Style

OptionTypeChoices / rangeDefaultNotes
Typography
heading_typo		Typography
Margin
head_margin		Dimensions
Color 1
c1		Color
Color 2
c2		Color
Color 3
c3		Color
Gradient Angle
angle		Slidermin 0, max 360, deg90

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_78" and a settings object using the keys above. Run get-custom-widget with id 78 for the full JSON spec.