Team Member Profile Grid
Free Profile React component — TeamMemberProfileGrid. MIT licensed, copy-paste ready for Next.js and Tailwind CSS.
Responsive team grid with vertical portrait cards — section header plus name, role, bio, and profile link per member.
Preview
People behind the product
The team
Bidyut Kundu
Founder & engineer
Building open-source UI for developers who care about craft, speed, and copy-paste simplicity.
Team member
Role
Add your next hire here when the team grows.
Team member
Role
Swap this placeholder with a real profile.
Setup
How to use
Free for personal and commercial use. No UI attribution required. Include the MIT copyright notice when copying component source into your project. Read the MIT license.
- 1
Run in your terminal:
$npm install clsx tailwind-merge lucide-react - 2
Copy
lib/cn.tsbelow. Skip if you already havecn(). - 3
Copy the code below and create
components/profile/team-member-profile-grid.tsxin your project. - 4
Import and render:
Exampleimport { TeamMemberProfileGrid } from "@/components/profile/team-member-profile-grid";
lib/cn.ts
components/profile/team-member-profile-grid.tsx