# Avatar components

> Showcase user profiles or team members with 35 unique avatar components, crafted for seamless integration in React and Tailwind CSS apps.

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

- [Avatar](https://21st.dev/@originui/components/avatar/testimonial-badge.md) — by Origin UI
- [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/group-of-avatars.md) — by Origin UI
- [Avatar](https://21st.dev/@originui/components/avatar/verified.md) — by Origin UI
- [Avatar](https://21st.dev/@originui/components/avatar/with-badge.md) — by Origin UI
- [Avatar](https://21st.dev/@originui/components/avatar/square.md) — by Origin UI
- [Avatar](https://21st.dev/@shadcn/components/avatar.md) — by shadcn
- [Avatar](https://21st.dev/@mynaui/components/avatar/avatar-group.md) — by shadcn
- [Avatar](https://21st.dev/@mynaui/components/avatar/reverse-order-avatar-group.md) — by shadcn
- [Avatar Circles](https://21st.dev/@dillionverma/components/avatar-circles.md) — by Dillion Verma
- [Avatar](https://21st.dev/@sean0205/components/avatar/users.md) — by Sean Hello
- [Avatar Group](https://21st.dev/@chetanverma16/components/avatar-group.md) — by Chetan Verma
- [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
- [Avatar](https://21st.dev/@sean0205/components/avatar/fallback.md) — by Sean Hello
- [Avatar](https://21st.dev/@sean0205/components/avatar.md) — by Sean Hello
- [Avatar](https://21st.dev/@sean0205/components/avatar/size.md) — by Sean Hello
- [Avatar Picker](https://21st.dev/@kokonutd/components/avatar-picker.md) — by Kokonut Baffier
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-seventeen.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-twelve.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-twenty.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-nineteen.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-fifthteen.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-fourteen.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-eight.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-thirteen.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-ten.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-seven.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-six.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-one.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-nine.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-five.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-four.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-three.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-eleven.md) — by ShadcnStudio
- [Basic Avatar](https://21st.dev/@ShadcnStudio/components/basic-avatar/avatar-two.md) — by ShadcnStudio
- [Avatar Group](https://21st.dev/@preetsuthar17/components/avatar-group.md) — by Preet Suthar
- [Avatar - Border](https://21st.dev/@shadcnspace/components/avatar-border.md) — by ShadcnSpace
- [Fallback Avatar](https://21st.dev/@tom_ui/components/fallback-avatar.md) — by tom
- [Avatar with name](https://21st.dev/@moumensoliman/components/avatar-with-name.md) — by Moumen Soliman
- [Avatar](https://21st.dev/@arihantcodes_1f7b8c4d/components/avatar-1/avatar-with-text.md) — by Arihant jain
- [Avatar](https://21st.dev/@arihantcodes_1f7b8c4d/components/avatar-1/avatar-many-users.md) — by Arihant jain
- [Avatar](https://21st.dev/@arihantcodes_1f7b8c4d/components/avatar-1/avatar-multiple-large.md) — by Arihant jain
- [Avatar](https://21st.dev/@arihantcodes_1f7b8c4d/components/avatar-1/avatar-with-title.md) — by Arihant jain
- [Avatar](https://21st.dev/@arihantcodes_1f7b8c4d/components/avatar-1.md) — by Arihant jain
- [Avatar](https://21st.dev/@arihantcodes_1f7b8c4d/components/avatar-1/avatar-with-down.md) — by Arihant jain
- [Avatar](https://21st.dev/@arihantcodes_1f7b8c4d/components/avatar-1/avatar-with-indicator.md) — by Arihant jain
- [Avatar](https://21st.dev/@arihantcodes_1f7b8c4d/components/avatar-1/avatar-multiple.md) — by Arihant jain
- [Avatar](https://21st.dev/@arihantcodes_1f7b8c4d/components/avatar-1/avatar-fallback.md) — by Arihant jain
- [Avatar](https://21st.dev/@arihantcodes_1f7b8c4d/components/avatar-1/avatar-duo-fallback.md) — by Arihant jain
- [Fallback Avatar](https://21st.dev/@tom_ui/components/fallback-avatar/animated.md) — by tom
- [Avatar Badge](https://21st.dev/@shadcnspace/components/avatar-badge.md) — by ShadcnSpace
- [Fallback Avatar](https://21st.dev/@tom_ui/components/fallback-avatar/sizes.md) — by tom
- [User Avatars](https://21st.dev/@user_hardp/components/user-avatars.md) — by user_hardp
- [Avatar](https://21st.dev/@coss.com/components/coss-avatar.md) — by coss
- [Avatar Group with Tooltip](https://21st.dev/@ozantekin/components/avatar-group-with-tooltip/avatar-group-with-tooltip.md) — by SHSF UI
- [avatar](https://21st.dev/@avanishverma4/components/avatar.md) — by Awanish Verma

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