Team
Team section blocks for shadcn/ui. Member grids with photos or avatars, leadership spotlights, department tabs, horizontal lists, and hiring call-to-actions. Built for shadcn/ui.
Classic team section for shadcn/ui: a centred eyebrow, heading and lead above a responsive four-column grid of eight square portraits with name, role and LinkedIn / GitHub icon links. Uses plain markup with lucide icons and theme tokens only, so it drops into any landing or about page.
Leadership section built on shadcn/ui Card and Avatar. A left-aligned heading and lead introduce two large founder Cards, each pairing a 4:5 portrait with a bio paragraph, role and social links, followed by a compact four-up row of Avatars for the other team leads. Good for about pages that want to put a face on the founders.
Single-column team directory for shadcn/ui using Avatar, Badge and Button. The heading carries a pulsing "We’re hiring" Badge, and eight divided rows show a size-14 Avatar, name, role, a MapPin location and a right-aligned LinkedIn ghost icon Button. A dense, scannable alternative to portrait grids.
Team section with shadcn/ui Tabs for Leadership, Design, Engineering and Go-to-market, each trigger showing a member count. Every tab reveals a three-column grid of Cards with a square portrait, name and role. Useful for larger companies that want to let visitors browse by team.
Airy team wall for shadcn/ui: a centred heading and lead over a six-column grid of twelve circular portraits with name and role, closed by a short caption about headcount and countries. Pure markup with theme tokens, ideal for showing the whole company at a glance.
Two-thirds / one-third team section for shadcn/ui combining a six-member portrait grid with a sticky muted Card titled "Join the team". The Card lists three open roles with location, Remote Badges and a full-width Button to all openings, so the block doubles as a careers call-to-action.
Three-column shadcn/ui Card grid with tall 3:4 portraits, name, role, a two-sentence biography and an accented "Ask me about" line that invites conversation. A left-aligned heading and short note sit above. Well suited to customer-facing teams and speaker line-ups.
Culture section for shadcn/ui: heading and lead above a full-width 21:9 team photo with a dark caption overlay, followed by a four-column row of company stats such as people, countries and offices. Plain markup and theme tokens, with the photo overlay as the only fixed colour.
Editorial team section for shadcn/ui with three alternating two-column rows. Each row pairs an overlapping, slightly rotated three-portrait collage with a department label, heading, paragraph and member list, swapping sides per row. Good for explaining how teams are organised, not just who is on them.
Photo-free team section for shadcn/ui: a large left-aligned heading with a company line and an outline Button, then all twelve names and roles in a four-column masonry list grouped under small department labels. Uses only Button and theme tokens, so it fits text-heavy or privacy-conscious sites.