Team Members Grid
A responsive, fully customizable grid of team member cards with hover tooltips, video previews, and a full-screen popup for bios, perfect for showcasing teams
Made with Workshop
Build your own component with AI
This Framer component builds a modern, responsive grid of team member cards to showcase people or profiles with rich media. Each card supports name, title, image, video preview, tags, and description. Hover reveals a tooltip or plays a video preview. Clicking opens a full-screen pop-up with extended details.
You can fully customize the grid: adjust columns, rows, card spacing, corner radius, colors, fonts, tag styles, and popup appearance directly from the Framer property panel. It adapts to both desktop and mobile for a smooth user experience.
Where to Use
“Meet the Team” sections on websites
Speaker or guest line-ups for events and conferences
Agency or startup staff pages
Contributor or portfolio showcases
How to Use
Drag the component onto your canvas in Framer
Add team members in the property panel (names, titles, images, videos, tags, descriptions)
Adjust layout, colors, and fonts to match your design
Toggle tooltips and popups for richer interaction
Publish your site, and your interactive team grid is live
