Built with
- Text
Plus lucide-react icons and Tailwind CSS — no other runtime dependency.
More Team layouts (10)
View all- 01Pro
Color Block Team Cards
Cut-out portraits standing on a tall panel of flat colour, one per person, above name, role, bio and social buttons. React and Tailwind — reorder the palette.
- 02Pro
Four Column Team Cards
Brand-coloured cards four across, portraits sitting straight on the fill with no frame, social buttons on the bottom edge. React and Tailwind — add four leads.
- 03Pro
Full Width Team Band
A full-bleed dark band with pale side rails holds three butted cards, so the section interrupts the page. React and Tailwind — break up a long page.
- 04Pro
Hover Reveal Team Grid
Name and role stay on the plate while the bio washes over the photo on hover or keyboard focus, every tile a link. React and Tailwind — link each profile.
- 05Pro
Illustrated Team Strip
Illustrated avatars instead of headshots, ruled into a strip whose borders span the page, with no social links. React and Tailwind — swap in your vectors.
- 06Pro
Photo Tile Team Grid
Full-bleed portrait tiles with a card floating over the bottom of each photo, holding name, role, bio and links. React and Tailwind — bring the photography.
- 07Pro
Staggered Portrait Wall
Fixed-width portrait tiles in a wrapping row, every second one dropped so the top edge zigzags on a colour field. React and Tailwind — keep the count odd.
- 08Pro
Team Cards With Social Bar
Standing cut-outs on colour above a role badge and a bio, closed by a social bar split into equal segments. React and Tailwind — suits an about page.
- 09Pro
Team Social Link Cards
No bio at all: a square avatar, a name, a role and a five-network social row, so each card is a contact point. React and Tailwind — paste in the handles.
- 10Pro
Team Directory Cards
Every person ends in two actions, view profile and send message, beside a round avatar and one line of context. React and Tailwind — wire the mailto links.
https://neobrutalism.com/blocks/team/two-column-team-roster
