# Profile components

> Showcase user details with 24 React profile components, leveraging Tailwind CSS for stylish, customizable user cards and bios.

200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/profile.

- [Animated Profile Card](https://21st.dev/@aghasisahakyan1/components/animated-profile-card.md) — by Erik X
- [Profile Card](https://21st.dev/@beratberkayg/components/profile-card.md) — by beratberkay
- [Team Member Card](https://21st.dev/@Shatlyk1011/components/team-member-card.md) — by Shatlyk1011
- [User Profile Card](https://21st.dev/@aghasisahakyan1/components/user-profile-card.md) — by Erik X
- [Profile Card](https://21st.dev/@isaiahbjork/components/profile-card.md) — by Isaiah
- [Info Card](https://21st.dev/@ravikatiyar162/components/info-card.md) — by Ravi Katiyar
- [Profile Card](https://21st.dev/@bhomikproductivitylab/components/profile-card.md) — by Bhomik
- [Freelancer Profile Card](https://21st.dev/@lavikatiyar/components/freelancer-profile-card.md) — by Lavi Katiyar
- [Call to Action](https://21st.dev/@prebuiltui/components/call-to-action-1/team-member-card.md) — by prebuiltui
- [Glassmorphism Profile Card](https://21st.dev/@beratberkayg/components/glassmorphism-profile-card.md) — by beratberkay
- [Profile Card](https://21st.dev/@ravikatiyar162/components/profile-card-1.md) — by Ravi Katiyar
- [Cards](https://21st.dev/@prebuiltui/components/cards/glowing-border-on-hover-card.md) — by prebuiltui
- [Cards](https://21st.dev/@prebuiltui/components/cards/user-profile-card.md) — by prebuiltui
- [Animated Profile Card](https://21st.dev/@iamsatish4564/components/animated-profile-card.md) — by iamsatish4564
- [Profile-Card](https://21st.dev/@waleedkibhen/components/profile-card.md) — by wisedev
- [Insurance Card](https://21st.dev/@lavikatiyar/components/insurance-card.md) — by Lavi Katiyar
- [Card](https://21st.dev/@kavikatiyar/components/card-4.md) — by Kavi Katiyar
- [Profile Card](https://21st.dev/@arunachalam/components/profile-card.md) — by Arunachalam
- [Profile Selector](https://21st.dev/@ravikatiyar162/components/profile-selector.md) — by Ravi Katiyar
- [Animated Profile Card](https://21st.dev/@iamsatish4564/components/animated-profile-card/yellow-profile-card.md) — by iamsatish4564
- [Animated Profile Card](https://21st.dev/@iamsatish4564/components/animated-profile-card/blue-profile-card.md) — by iamsatish4564
- [Profile Card](https://21st.dev/@daiwiikharihar17147/components/profile-card.md) — by Daiwiik Harihar
- [Profile Card](https://21st.dev/@itsankitverma/components/profile-card.md) — by Ankit Verma
- [Login Card](https://21st.dev/@arihantcodes_1f7b8c4d/components/login-card-1/bio-card.md) — by Arihant jain
- [ProfileCard](https://21st.dev/@dhileepkumargm/components/profile-card.md) — by Dhileep Kumar GM
- [Animated Profile Card](https://21st.dev/@ravikatiyar162/components/animated-profile-card.md) — by Ravi Katiyar
- [RuixenCard02](https://21st.dev/@ruixen.ui/components/ruixen-card02.md) — by Ruixen UI
- [DoctorLiveChatCard](https://21st.dev/@ruixen.ui/components/doctor-live-chat-card.md) — by Ruixen UI
- [MetallicBusinessCard](https://21st.dev/@rahil1202/components/metallic-business-card.md) — by Rahil Vahora
- [Telegram Profile Header](https://21st.dev/@serafimcloud/components/telegram-profile-header.md) — by Serafim
- [Card](https://21st.dev/@ravikatiyar162/components/card-3.md) — by Ravi Katiyar
- [Card](https://21st.dev/@ravikatiyar162/components/card-2.md) — by Ravi Katiyar
- [Card](https://21st.dev/@ravikatiyar162/components/card-5.md) — by Ravi Katiyar
- [The Item one](https://21st.dev/@felipemenezes098/components/the-item-one/item-with-actions.md) — by felipemenezes098
- [The Item one](https://21st.dev/@felipemenezes098/components/the-item-one/item-with-avatar.md) — by felipemenezes098
- [Dialog](https://21st.dev/@originui/components/dialog/edit-profile-dialog.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/vertical-table.md) — by Origin UI
- [Animated Tooltip](https://21st.dev/@manuarora700/components/animated-tooltip.md) — by Manu Arora
- [Avatar](https://21st.dev/@originui/components/avatar/avatar-online.md) — by Origin UI
- [Avatar](https://21st.dev/@originui/components/avatar.md) — by Origin UI
- [Avatar](https://21st.dev/@originui/components/avatar/verified.md) — by Origin UI
- [Avatar](https://21st.dev/@originui/components/avatar/square.md) — by Origin UI
- [Dropdown Menu](https://21st.dev/@originui/components/dropdown-menu/profile-dropdown-with-avatar.md) — by Origin UI
- [Avatar](https://21st.dev/@shadcn/components/avatar.md) — by shadcn
- [Profile Card Testimonial Carousel](https://21st.dev/@arunachalam/components/profile-card-testimonial-carousel.md) — by Arunachalam
- [Avatar](https://21st.dev/@mynaui/components/avatar/reverse-order-avatar-group.md) — by shadcn
- [Modern sideBar](https://21st.dev/@uniquesonu/components/modern-side-bar.md) — by Sonu
- [Team](https://21st.dev/@cnippet.dev/components/team.md) — by Cnippet
- [Hero](https://21st.dev/@sam344334/components/hero.md) — by Sam_Sir
- [Portfolio Hero](https://21st.dev/@waleedkibhen/components/portfolio-hero.md) — by wisedev
- [Glassmorphism Portfolio](https://21st.dev/@moumensoliman/components/glassmorphism-portfolio-block-shadcnui.md) — by Moumen Soliman
- [User Dropdown](https://21st.dev/@aymanch-03/components/user-dropdown.md) — by Ayman Echakar
- [Popover](https://21st.dev/@mynaui/components/popover/with-user-card.md) — by shadcn
- [Clean Testimonial](https://21st.dev/@jatin-yadav05/components/clean-testimonial.md) — by Jatin Yadav
- [Coach Scheduling Card](https://21st.dev/@isaiahbjork/components/coach-scheduling-card.md) — by Isaiah
- [Popover](https://21st.dev/@sshahaider/components/popover.md) — by Efferd
- [Team Section Block](https://21st.dev/@moumensoliman/components/team-section-block-shadcnui.md) — by Moumen Soliman
- [Avatar](https://21st.dev/@sean0205/components/avatar/indicator.md) — by Sean Hello
- [Avatar](https://21st.dev/@sean0205/components/avatar/group.md) — by Sean Hello
- [Avatar](https://21st.dev/@sean0205/components/avatar/status.md) — by Sean Hello

Full component directory: https://21st.dev/llms.txt
