Team 50 - Distributed team location cards

Pro

Heading and copy above a card grid of members with circular avatars plus location and timezone badges.

Shadcn Team 50 block

Component data

ID
team50
Access
pro
Created
Aug 19, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Team 50 block design & features

Team50 is a distributed-team card grid built with Shadcn UI badges. An uppercase label, heading, and short paragraph introduce eight cards. Each card pairs a circular avatar with a name and role, then two badges for city and timezone.

Cards use rounded borders and card fill with compact padding. Badges stay small and icon-led. Density is even across a four-column large-screen grid. Static.

This is a remote-first roster rather than a head-office photo wall. Complexity is simple and content-driven: avatars plus location metadata. The badge pair is the distinctive detail versus a name-only card.

The grid is one column, then two, then four on large screens.