Marketing widget
Team Member
A person card with photo, name, role, a short bio and social links.
Build it with your AI
“Add three team members with photo, name, role and LinkedIn, in a row.”
Live demo
See it working
Maya Chen
Head of Product
Turns customer research into clear roadmaps.
Jonas Weber
Lead Engineer
Keeps every page fast, accessible and secure.
Priya Nair
Design Lead
Owns the Design System and every pixel in it.
Settings
37 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
13 settings
Member
Photo
Resolution
Name
Name HTML tag
Role
Bio
Profile link
Social links
Links
Layout
Layout
Bio & links
Photo ratio
Alignment
Photo hover effect
Design
24 settings
Card
Background
Border
Border radius
Shadow
Text padding
Photo
Border radius
Width
Focal point
CSS filters
Overlay
Text
Name typography
Name color
Role typography
Role color
Bio typography
Bio color
Space between lines
Social links
Colors
Button size
Icon size
Gap
Border radius
Icon color
Background
Behaviour
shared
On every element
Spacing & position
Background & border
Animations
Motion & effects
Scroll & mouse effects
Visibility
Conditions
Interactions
Attributes & CSS
Build it with AI
Just describe what you want
Your AI looks up the Team Member settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add three team members with photo, name, role and LinkedIn, in a row.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{
"type": "team-member",
"settings": {
"name": "Maya Chen",
"role": "Head of Product",
"bio": "Turns customer research into clear roadmaps.",
"image": { "id": 148 }
}
}More marketing widgets
Works well with
Animated Headline
A headline that moves: a hand-drawn circle around one word, or words that rotate in turn.
Call to Action
A promo box with an image, a title, a line of text and up to two buttons — beside or on top of the image.
Countdown
Count down to a launch, or give every visitor their own 24-hour deadline.
Flip Box
A card that turns over on hover, focus or tap to reveal more and a button.
Link in Bio
A complete link-in-bio page in one widget: photo, name, bio, social icons and big link buttons.
Marquee
An endless strip of words, icons or images that scrolls by and pauses on hover.