# Social components

> Access 3 social components for React and Tailwind CSS, ideal for integrating user profiles, sharing, or social links in your apps.

34 components available. Showing all of them below.

- [social card](https://21st.dev/@shailendrakumar19999/components/social-card.md) — by Shailendra
- [Social Stories](https://21st.dev/@abhi3hekk/components/social-stories.md) — by Abhishek Singh
- [Button](https://21st.dev/@originui/components/button/login-with-colored-buttons.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/group-of-buttons-login-with-colored.md) — by Origin UI
- [Social Icons](https://21st.dev/@jatin-yadav05/components/social-icons.md) — by Jatin Yadav
- [story-viewer](https://21st.dev/@osiris-balonga/components/story-viewer.md) — by Osiris Balonga
- [X Gradient Card](https://21st.dev/@kokonutd/components/x-gradient-card.md) — by Kokonut Baffier
- [Social Icon](https://21st.dev/@shadcnspace/components/social-icon.md) — by ShadcnSpace
- [Profile Card](https://21st.dev/@isaiahbjork/components/profile-card.md) — by Isaiah
- [Floating Action Button](https://21st.dev/@serafimcloud/components/floating-action-button.md) — by Serafim
- [Micro Expander](https://21st.dev/@iamsatish4564/components/micro-expander.md) — by iamsatish4564
- [Connect With Us](https://21st.dev/@muhammad-binsalman/components/connect-with-us.md) — by M.bin Salman
- [Button](https://21st.dev/@beratberkayg/components/button.md) — by beratberkay
- [Avatar Hover Card](https://21st.dev/@moumensoliman/components/avatar-hover-card.md) — by Moumen Soliman
- [Tweet](https://21st.dev/@tom_ui/components/tweet.md) — by tom
- [Social Connect Platform Buttons](https://21st.dev/@muhammad-binsalman/components/social-connect-platform-buttons.md) — by M.bin Salman
- [Social Share Button](https://21st.dev/@Shatlyk1011/components/social-button.md) — by Shatlyk1011
- [Buttons](https://21st.dev/@ShadcnStudio/components/buttons/button-socials-title.md) — by ShadcnStudio
- [Buttons](https://21st.dev/@ShadcnStudio/components/buttons/button-socials.md) — by ShadcnStudio
- [Infinity Brand](https://21st.dev/@uilayout.contact/components/infinity-brand.md) — by UI Layouts
- [Icon Set](https://21st.dev/@ravikatiyar162/components/icon-set.md) — by Ravi Katiyar
- [Social Links](https://21st.dev/@ln-dev7/components/social-links.md) — by LN
- [Hover Card](https://21st.dev/@originui/components/hover-card/hover-card-with-user-details.md) — by shadcn
- [Hover Card](https://21st.dev/@jshguo/components/interfaces-hover-card/right.md) — by jshguo
- [Avatar](https://21st.dev/@shugar/components/avatar/with-logo.md) — by tigran tumasov
- [Share Button](https://21st.dev/@reuno-ui/components/share-button.md) — by reuno-ui
- [comment reply](https://21st.dev/@theutkarshmail/components/comment-reply.md) — by Utkarsh Pandey
- [Avatar Group](https://21st.dev/@skyleen77/components/avatar-group.md) — by Elliot Sutton
- [Avatar](https://21st.dev/@shugar/components/avatar-1/git.md) — by tigran tumasov
- [Button Group](https://21st.dev/@ShadcnStudio/components/button-group/button-group-soicals.md) — by ShadcnStudio
- [HeroUI Button](https://21st.dev/@hero_ui/components/heroui-button/social.md) — by Hero Ui
- [Toggle](https://21st.dev/@cnippet.dev/components/cnippet-toggle/social-post.md) — by Cnippet
- [Discord Icon](https://21st.dev/@sshahaider/components/discord-icon.md) — by Efferd
- [Facebook Icon](https://21st.dev/@sshahaider/components/facebook-icon.md) — by Efferd

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