Animated Counter

← All widgetsWidget 93 · emcp_custom_93

Elementor widget5 layouts15 content options28 style options5 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: counter, number, stats, count up, statistics.

Setup guide

Open a page in Elementor, search the panel for Animated Counter and drag it into a container.
Content › Counter: Layout, Media, Icon, Image, Start Number, End Number, Duration (ms), Prefix and 7 more.
Pick a Layout: Icon on top, Icon left, Icon right, Boxed card, Inline number + title. Each one is shown below.
Style tab sections: Box, Icon / Image, Number, Title & Description. Colours, typography and spacing set here are scoped to this widget instance.
Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.

Conditional options: Icon appears when Media is icon; Image appears when Media is image.

Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.

Variation

Layout: boxed

end = 12500 · suffix = + · title = Happy customers · description = and counting · icon = fas fa-users · image = image

Happy customers

and counting

Variation

Layout: boxed

end = 98 · suffix = % · title = Satisfaction rate · icon = fas fa-star · image = image

Satisfaction rate

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

Counter

Option	Type	Choices / range	Default	Notes
Layout `layout`	Dropdown	Icon on top, Icon left, Icon right, Boxed card, Inline number + title	icon-top
Media `media_type`	Button group	None, Icon, Image	icon
Icon `icon`	Icon			Shown when media_type = icon
Image `image`	Image			Shown when media_type = image
Start Number `start`	Number		0
End Number `end`	Number		1250
Duration (ms) `duration`	Number	min 100, max 20000	2000
Prefix `prefix`	Text
Suffix `suffix`	Text		+
Thousand Separator `separator`	Dropdown	None, Comma, Dot, Space	,
Decimal Places `decimals`	Number	min 0, max 4	0
Title `title`	Text		Happy Customers
Title HTML Tag `title_tag`	Dropdown	H2, H3, H4, H5, p, div	h4
Description `description`	Textarea
Alignment `align`	Button group	Left, Center, Right	center	Responsive

Style tab

Box

Option	Type	Choices / range	Default	Notes
Background `box_bg`	Background
Border `box_border`	Border
Border Radius `box_radius`	Dimensions
Padding `box_pad`	Dimensions			Responsive
Box Shadow `box_shadow`	Box shadow
Hover Box Shadow `box_shadow_h`	Box shadow
Element Spacing `box_gap`	Slider	min 0, max 60, px	12	Responsive

Icon / Image

Option	Type	Choices / range	Default	Notes
Icon Color `icon_color`	Color		#6a11cb
Icon Hover Color `icon_color_h`	Color
Size `icon_size`	Slider	min 10, max 200, px	40	Responsive
Icon Background `icon_bg`	Color
Icon Hover Background `icon_bg_h`	Color
Icon Padding `icon_pad`	Slider	min 0, max 60, px	0
Icon Border Radius `icon_radius`	Slider	min 0, max 100, px/%	0
Icon Border `icon_border`	Border

Number

Option	Type	Choices / range	Default
Typography `num_typo`	Typography
Color `num_color`	Color		#101828
Text Stroke `num_stroke`	Text_stroke
Text Shadow `num_shadow`	Text shadow
Prefix / Suffix Typography `affix_typo`	Typography
Prefix / Suffix Color `affix_color`	Color
Prefix / Suffix Spacing `affix_gap`	Slider	min 0, max 30, px	2

Title & Description

Option	Type	Choices / range	Default
Title Typography `title_typo`	Typography
Title Color `title_color`	Color		#475467
Title Top Spacing `title_mt`	Slider	min 0, max 60, px	0
Description Typography `desc_typo`	Typography
Description Color `desc_color`	Color
Description Top Spacing `desc_mt`	Slider	min 0, max 60, px	6

Add it with the MCP tools

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