Player Cards

Player card components for sports websites, built with Tailwind CSS 4: portrait and landscape cards with the player photo, jersey number, position, team crest and a stats row. Every card ships as a React component and as plain HTML with identical styling, light and dark mode included, so it drops into a club site, a league page or a fan project as is. Player Card V1 is free: see the free Tailwind CSS player card component page for copy-paste code and setup notes.

Player Card V1

James
Sporty
26
James Sporty
Forward
17
Wins
9
Losses
461
Points

Player Card V2

Player Card V3

Player Card V4

Player Card V5

Player Card V6