# Social Login components > Browse 8 Social Login components for React, styled with Tailwind CSS and ready for your Next.js project. 101 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/social-login. - [Button](https://21st.dev/@originui/components/button/login-with-colored-buttons.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/login-with-buttons.md) — by Origin UI - [Buttons](https://21st.dev/@ShadcnStudio/components/buttons/button-socials-title.md) — by ShadcnStudio - [Social Auth Card](https://21st.dev/@ruixen.ui/components/social-auth-card.md) — by Ruixen UI - [Social Button](https://21st.dev/@shadcnspace/components/social-button.md) — by ShadcnSpace - [Sign In Flow](https://21st.dev/@aghasisahakyan1/components/sign-in-flow-1.md) — by Erik X - [Sign In](https://21st.dev/@easemize/components/sign-in.md) — by Hossain Jahed - [Button](https://21st.dev/@originui/components/button/group-of-buttons-login-with.md) — by Origin UI - [Button](https://21st.dev/@originui/components/button/group-of-buttons-login-with-colored.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/sign-in-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/sign-up-dialog.md) — by Origin UI - [Sign In Card](https://21st.dev/@jatin-yadav05/components/sign-in-card-2.md) — by Jatin Yadav - [Modern Animated Sign In](https://21st.dev/@arunachalam/components/modern-animated-sign-in.md) — by Arunachalam - [Auth Page](https://21st.dev/@sshahaider/components/auth-page.md) — by Efferd - [Gaming Login](https://21st.dev/@kamaleshsa/components/gaming-login.md) — by KAMALESH S A - [Modern & Stunning sign in](https://21st.dev/@preetsuthar17/components/modern-stunning-sign-in.md) — by Preet Suthar - [Sign Up](https://21st.dev/@easemize/components/sign-up.md) — by Hossain Jahed - [Auth Switch](https://21st.dev/@appvibed01/components/auth-switch.md) — by AppVibed - [Travel Connect Signin](https://21st.dev/@coderislive07/components/travel-connect-signin-1.md) — by Mridul Dhamija - [Login](https://21st.dev/@abishek1512/components/login-1.md) — by Abishekaraj Immanuel - [Login / Signup](https://21st.dev/@lyanchouss/components/login-signup.md) — by Liana Pepanyan - [Animated sign in](https://21st.dev/@manikandanbalakrishnan3/components/animated-sign-in.md) — by Manikandan Balakrishnan - [Login / Signup](https://21st.dev/@lyanchouss/components/login-signup/login-signup.md) — by Liana Pepanyan - [Login / Signup](https://21st.dev/@lyanchouss/components/login-signup/register-card.md) — by Liana Pepanyan - [Auth Switch](https://21st.dev/@appvibed01/components/auth-switch/auth-switch.md) — by AppVibed - [AuthFuse](https://21st.dev/@easemize/components/auth-fuse.md) — by Hossain Jahed - [Clean & Minimal sign in](https://21st.dev/@preetsuthar17/components/clean-minimal-sign-in.md) — by Preet Suthar - [Login Form](https://21st.dev/@minhxthanh/components/login-form.md) — by Le Thanh - [Social Icon](https://21st.dev/@shadcnspace/components/social-icon.md) — by ShadcnSpace - [Image Slider](https://21st.dev/@ravikatiyar162/components/image-slider.md) — by Ravi Katiyar - [Minimal Auth Page](https://21st.dev/@sshahaider/components/minimal-auth-page.md) — by Efferd - [Signup 1](https://21st.dev/@shadcnblockscom/components/signup-1.md) — by Shadcnblocks.com - [Sign-in](https://21st.dev/@ravikatiyar162/components/sign-in-1.md) — by Ravi Katiyar - [Signup Form](https://21st.dev/@manuarora700/components/signup-form.md) — by Manu Arora - [Login & Signup](https://21st.dev/@ephraimduncan/components/login-signup/login-with-icons.md) — by Ephraim Duncan - [Login & Signup](https://21st.dev/@ephraimduncan/components/login-signup/login-with-sso.md) — by Ephraim Duncan - [Login & Signup](https://21st.dev/@ephraimduncan/components/login-signup/simple-login-with-google.md) — by Ephraim Duncan - [Login & Signup](https://21st.dev/@ephraimduncan/components/login-signup/simple-login-with-social-buttons.md) — by Ephraim Duncan - [Sign Up](https://21st.dev/@meschacirung/components/sign-up.md) — by Méschac Irung - [Sign Up](https://21st.dev/@meschacirung/components/sign-up/sign-up-short.md) — by Méschac Irung - [Sign Up](https://21st.dev/@meschacirung/components/sign-up/sign-up.md) — by Méschac Irung - [Sign In Form](https://21st.dev/@ruixen.ui/components/sign-in-form.md) — by Ruixen UI - [Form](https://21st.dev/@prebuiltui/components/form-1/sign-up-form-with-social-login.md) — by prebuiltui - [Sign In Flo](https://21st.dev/@lovesickfromthe6ix/components/sign-in-flo.md) — by scott clayton - [Auth Form](https://21st.dev/@vaib215/components/auth-form.md) — by Vaibhav Kumar Singh - [Modern Login & Signup](https://21st.dev/@pulseawan/components/modern-login-signup.md) — by Muhammad Asif - [Login 1](https://21st.dev/@shadcnblockscom/components/login-1.md) — by Shadcnblocks.com - [Glass Card](https://21st.dev/@molecule-lab-rushil/components/glass-card.md) — by Rushil Dhinoja - [Sign In](https://21st.dev/@rafa-porto/components/sign-in.md) — by Rafael Porto - [Login Form](https://21st.dev/@prebuiltui/components/login-form.md) — by prebuiltui - [Sign in](https://21st.dev/@serafimcloud/components/sign-in.md) — by Serafim - [SignUpPage](https://21st.dev/@bhomikproductivitylab/components/sign-up-page.md) — by Bhomik - [Auth Modal](https://21st.dev/@sshahaider/components/auth-modal.md) — by Efferd - [Avatar Action Button](https://21st.dev/@ruixen.ui/components/avatar-action-button.md) — by Ruixen UI - [Login Form](https://21st.dev/@prebuiltui/components/login-form/login-form-with-social-auth.md) — by prebuiltui - [login](https://21st.dev/@ephraimduncan/components/login-3.md) — by Ephraim Duncan - [Sign In](https://21st.dev/@ravikatiyar162/components/sign-in.md) — by Ravi Katiyar - [Auth Form](https://21st.dev/@bankkroll/components/auth-form-1.md) — by Bankk - [Login page](https://21st.dev/@designali-in/components/login-page.md) — by Ali Imam - [Sign In](https://21st.dev/@muditgoel1512/components/sign-in/sign-in.md) — by Mudit Goel Full component directory: https://21st.dev/llms.txt