← All widgetsWidget 193 · emcp_custom_193

Animated Blob

Elementor widget3 layouts17 content options15 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: blob, shape, morph, svg, organic, image mask.

Setup guide

  1. Open a page in Elementor, search the panel for Animated Blob and drag it into a container.
  2. Content › Blob: Fill, Image, Color, Points, Randomness, Morph Animation, Morph Cycle (seconds), Slow Rotation and 9 more.
  3. Pick a Fill: Solid color, Image (masked), Outline only. Each one is shown below.
  4. Style tab sections: Size & Style. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Conditional options: Image appears when Fill is image; Second Blob Color appears when Second Blob Behind (offset) is yes.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Layout

Solid color

Fill = color

OrganicBlob with content inside
Layout

Image (masked)

Fill = image

Layout

Outline only

Fill = outline

OrganicBlob with content inside

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

Blob

OptionTypeChoices / rangeDefaultNotes
Fill
fill		DropdownSolid color, Image (masked), Outline onlycolor
Image
image		ImageShown when fill = image
Color
color		Color#f4ebff
Points
points		Numbermin 3, max 126
Randomness
randomness		Slidermin 0.05, max 0.8, px0.35
Morph Animation
morph		Toggleon / offyes
Morph Cycle (seconds)
speed		Numbermin 2, max 408
Slow Rotation
rotate		Toggleon / off
Rotation (seconds per turn)
rotate_speed		Numbermin 5, max 20040
Morph Faster on Hover
hover_morph		Toggleon / off
Shape Seed (change for a different blob)
seed		Numbermin 1, max 99991
Icon
icon		Icon
Title
title		Text
Text
text		Textarea
Link
link		Link
Second Blob Behind (offset)
second		Toggleon / off
Second Blob Color
second_color		Color#6a11cbShown when second = yes

Style tab

Size & Style

OptionTypeChoices / rangeDefaultNotes
Size
size		Slidermin 60, max 1200, px/%/vw320Responsive
Alignment
align		Button groupLeft, Center, Rightcenter
Outline Width
stroke_w		Slidermin 1, max 20, px3
Opacity
opacity		Slidermin 0.05, max 1, px1
Drop Shadow (on the wrapper)
shadow		Box shadow
Image Fit
img_fit		DropdownCover (xMidYMid slice), Containcover
Second Blob Offset
second_offset		Slidermin 0, max 80, px14
Second Blob Scale
second_scale		Slidermin 0.6, max 1.4, px1.02
Icon Size
icon_size		Slidermin 12, max 160, px40
Icon Color
icon_color		Color#6a11cb
Title Typography
title_typo		Typography
Title Color
title_color		Color#101828
Text Typography
text_typo		Typography
Text Color
text_color		Color#475467
Content Inset
content_pad		Slidermin 0, max 40, %18

Add it with the MCP tools

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