← All widgetsWidget 88 · emcp_custom_88

Particle Background

Elementor widget1 layout6 content options7 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: particle, canvas, background, hero, animated.

Setup guide

  1. Open a page in Elementor, search the panel for Particle Background and drag it into a container.
  2. Content › Content: Heading, Heading HTML Tag, Subheading, Particle Count, Speed (1-10), Link Distance (px).
  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.
Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.
Demo

Default

Particles in motion

An animated canvas background.

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
heading
TextParticles in motion
Heading HTML Tag
heading_tag
DropdownH1, H2, H3, H4, H5, H6, DIV, P, SPANh2
Subheading
subheading
TextareaAn animated canvas background.
Particle Count
particle_count
Numbermin 10, max 20070
Speed (1-10)
speed
Numbermin 1, max 206
Link Distance (px)
connect_distance
Numbermin 0, max 300120

Style tab

Style

OptionTypeChoices / rangeDefaultNotes
Min Height
min_height
Slidermin 120, max 900, px/vh420
Background
bg
Background
Particle Color
particle_color
Color
Line Color
line_color
Color
Heading Color
h_color
Color
Heading Typography
h_typo
Typography
Subheading Color
text_color
Color

Add it with the MCP tools

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