Team

Team displays information about team members, often including their names, roles, photos, and short bios. This component is commonly used on About pages to introduce the people behind a company or project.

Basic

Grid

Each team member is displayed on an individual card arranged in a grid layout

Inline

Team members are displayed side by side horizontally, suitable for pages introducing a few key team members

Column

A vertical layout where member information is stacked, ideal for smaller teams to highlight each member’s details

Featured Member

Highlights one or several key team members with enlarged or emphasized information cards

With Highlighted Roles

Members are categorized by their roles, each category having distinct visual identifiers (like colors or borders) for quick differentiation

Circular Profile

Displays team members’ photos in circular frames, enhancing visual appeal and personal branding

Stacked Cards

A stacked card layout where member information is shown in stacked cards, expandable on click or hover, suitable for larger teams with limited page space

Masonry

A masonry layout where team member cards are displayed in irregular heights and arrangements, creating a dynamic feel, ideal for creative or design teams

With Role And Title

Each member displays their role and title, such as “CEO” or “Technical Lead.

With Contact Info

Each team member shows their contact information, including email addresses, social media links, and LinkedIn profiles

With Social Links

Member cards include icons linking to their personal social media profiles

With Brief Bio

Each member is accompanied by a brief bio outlining their professional background, experience, or projects they are involved in

With Skills Tags

Displays personal skill tags on member cards, such as “JavaScript Expert” or “UI/UX Designer.

With Location Info

Each member’s card includes geographic location information, suitable for showcasing global or remote teams

With Join Date

Each member shows their joining date, such as “Joined in 2020.

With Awards And Achievements

Highlights members' personal awards or achievements, such as “Employee of the Year” or specific certifications

With Hobbies Or Fun Facts

Each member includes a hobby or fun fact, enhancing the page’s interest and team rapport

Advanced

With Hover Social Links

Social media links are dynamically displayed on hover over the member cards

With Modal Expansion

Clicking on a member's card opens a modal displaying detailed information about that member

With Storytelling Timeline

Presents each member’s career journey or growth story with the company through a timeline, enhancing narrative appeal