Skip to content

Team Card

The Team Card element displays a grid of team member cards with avatars, names, roles, bios, and social media links.


Features

  • Member grid with configurable columns
  • Avatar — image or colored initials circle
  • Social icons row (LinkedIn, Twitter, GitHub, Dribbble)
  • Two styles — card (shadow) or minimal (flat)
  • Optional bio text per member

Settings

SettingDescriptionDefault
ColumnsNumber of grid columns (1-4)3
Accent ColorColor for avatar background#4285F4
Show BioDisplay bio text on cardstrue
Show SocialDisplay social media iconstrue
Card StyleVisual style: card or minimalcard

Members

Each member has:

  • Name — person's name
  • Role — job title
  • Bio — short bio text
  • Avatar URL — profile image (shows initials if empty)

Click + Add to add members. Click x to remove.


Use Cases

  • About us / team pages
  • Company directory
  • Speaker profiles for events
  • Advisory board displays

Questions?

If you have any questions, please don't hesitate to contact us. Alternatively, you can submit an issue on this platform.

No-Code App Builder