Team Member Carousel – EMCP Widget Demos

← All widgetsWidget 103 · emcp_custom_103

Team Member Carousel

Elementor widget5 layouts10 content options42 style options6 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: team, member, carousel, staff, people, slider.

Setup guide

Open a page in Elementor, search the panel for Team Member Carousel and drag it into a container.
Content › Team Members: Card Layout, Members, Name Tag, Slides Per View, Space Between, Autoplay, Autoplay Delay (ms), Loop and 2 more.
Pick a Card Layout: Card (photo top), Photo with hover overlay, Circle photo, centered, Photo left, text right, Minimal (no card). Each one is shown below.
Style tab sections: Card, Photo, Text, Social Icons, Arrows & Dots. 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: Autoplay Delay (ms) appears when Autoplay is yes.

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

Layout

Card (photo top)

Card Layout = card

Alex Morgan

Alex Morgan

Creative Director

Leads brand and visual design.

Jamie Chen

Jamie Chen

Lead Developer

Turns designs into fast code.

Taylor Reed

Taylor Reed

Product Strategist

Keeps features tied to real needs.

Sam Okafor

Sam Okafor

Marketing Lead

Runs growth and partnerships.

Riley Park

Riley Park

UX Researcher

Listens to users so we build the right thing.

Layout

Photo with hover overlay

Card Layout = overlay

Alex Morgan

Alex Morgan

Creative Director

Leads brand and visual design.

Jamie Chen

Jamie Chen

Lead Developer

Turns designs into fast code.

Taylor Reed

Taylor Reed

Product Strategist

Keeps features tied to real needs.

Sam Okafor

Sam Okafor

Marketing Lead

Runs growth and partnerships.

Riley Park

Riley Park

UX Researcher

Listens to users so we build the right thing.

Layout

Circle photo, centered

Card Layout = circle

Alex Morgan

Alex Morgan

Creative Director

Leads brand and visual design.

Jamie Chen

Jamie Chen

Lead Developer

Turns designs into fast code.

Taylor Reed

Taylor Reed

Product Strategist

Keeps features tied to real needs.

Sam Okafor

Sam Okafor

Marketing Lead

Runs growth and partnerships.

Riley Park

Riley Park

UX Researcher

Listens to users so we build the right thing.

Layout

Photo left, text right

Card Layout = side

Alex Morgan

Alex Morgan

Creative Director

Leads brand and visual design.

Jamie Chen

Jamie Chen

Lead Developer

Turns designs into fast code.

Taylor Reed

Taylor Reed

Product Strategist

Keeps features tied to real needs.

Sam Okafor

Sam Okafor

Marketing Lead

Runs growth and partnerships.

Riley Park

Riley Park

UX Researcher

Listens to users so we build the right thing.

Layout

Minimal (no card)

Card Layout = minimal

Alex Morgan

Alex Morgan

Creative Director

Leads brand and visual design.

Jamie Chen

Jamie Chen

Lead Developer

Turns designs into fast code.

Taylor Reed

Taylor Reed

Product Strategist

Keeps features tied to real needs.

Sam Okafor

Sam Okafor

Marketing Lead

Runs growth and partnerships.

Riley Park

Riley Park

UX Researcher

Listens to users so we build the right thing.

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

Team Members

Option	Type	Choices / range	Default	Notes
Card Layout `layout`	Dropdown	Card (photo top), Photo with hover overlay, Circle photo, centered, Photo left, text right, Minimal (no card)	card
Members `members`	Repeater		4 items
↳ Photo `photo`	Image
↳ Name `name`	Text		Alex Morgan
↳ Role `role`	Text		Creative Director
↳ Short Bio `bio`	Textarea
↳ Facebook `facebook`	Link
↳ X / Twitter `twitter`	Link
↳ LinkedIn `linkedin`	Link
↳ Instagram `instagram`	Link
↳ Website `website`	Link
↳ Email `email`	Text
Name Tag `name_tag`	Dropdown	H3, H4, H5, div	h4
Slides Per View `per_view`	Dropdown	1, 2, 3, 4, 5	4	Responsive
Space Between `gap`	Slider	min 0, max 80, px	24	Responsive
Autoplay `autoplay`	Toggle	on / off	yes
Autoplay Delay (ms) `autoplay_delay`	Number	min 1000, max 20000	4000	Shown when autoplay = yes
Loop `loop`	Toggle	on / off	yes
Arrows `arrows`	Toggle	on / off	yes
Dots `dots`	Toggle	on / off	yes

Style tab

Card

Option	Type	Choices / range	Default	Notes
Background `card_bg`	Background
Content Padding `card_pad`	Dimensions			Responsive
Border `card_border`	Border
Radius `card_radius`	Slider	min 0, max 60, px	16
Box Shadow `card_shadow`	Box shadow
Hover Shadow `card_shadow_h`	Box shadow
Text Align `card_align`	Button group	Left, Center, Right	center
Lift on Hover `hover_lift`	Toggle	on / off	yes

Photo

Option	Type	Choices / range	Default	Notes
Photo Height `photo_h`	Slider	min 80, max 600, px	280	Responsive
Circle / Side Photo Size `photo_size`	Slider	min 40, max 300, px	120
Photo Radius `photo_radius`	Slider	min 0, max 50, %/px	0
Photo Border `photo_border`	Border
Filters `photo_filter`	Css_filter
Hover Filters `photo_filter_h`	Css_filter
Zoom on Hover `photo_zoom`	Toggle	on / off	yes
Overlay Color (overlay layout) `overlay_bg`	Color		rgba(106,17,203,.85)

Text

Option	Type	Choices / range	Default	Notes
Name Typography `name_typo`	Typography
Name Color `name_color`	Color		#101828
Role Typography `role_typo`	Typography
Role Color `role_color`	Color		#6a11cb
Bio Typography `bio_typo`	Typography
Bio Color `bio_color`	Color		#667085
Text Spacing `text_gap`	Slider	min 0, max 30, px	6

Social Icons

Option	Type	Choices / range	Default	Notes
Icon Color `soc_color`	Color		#667085
Icon Background `soc_bg`	Color		#f2f4f7
Hover Icon Color `soc_color_h`	Color		#ffffff
Hover Background `soc_bg_h`	Color		#6a11cb
Button Size `soc_size`	Slider	min 20, max 60, px	34
Icon Size `soc_icon_size`	Slider	min 8, max 30, px	15
Radius `soc_radius`	Slider	min 0, max 50, %	50
Gap `soc_gap`	Slider	min 0, max 30, px	8
Top Spacing `soc_mt`	Slider	min 0, max 40, px	10

Arrows & Dots

Option	Type	Choices / range	Default	Notes
Arrow Color `arrow_color`	Color		#101828
Arrow Background `arrow_bg`	Color		#ffffff
Arrow Hover Color `arrow_color_h`	Color
Arrow Hover Background `arrow_bg_h`	Color
Arrow Size `arrow_size`	Slider	min 24, max 80, px	44
Arrow Radius `arrow_radius`	Slider	min 0, max 50, %	50
Arrow Border `arrow_border`	Border
Dot Color `dot_color`	Color		#d0d5dd
Active Dot `dot_active`	Color		#6a11cb
Dots Spacing `dots_mt`	Slider	min 0, max 60, px	20

Add it with the MCP tools

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