[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fsocial-login-button":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":353,"links":354,"dates":403},"\u002Fexamples\u002Fcomponents\u002Fsocial-login-button","collection","components",true,{"example_count":9,"app_count":10},139,119,{"id":12,"title":13,"description":14},289,"Social login button","Explore how interfaces offer sign-in through an external identity provider. Look at provider labels, logos, and button placement alongside other ways to access an account.",{"title":16,"description":17,"og_image":18},"Social login button UI examples - Nicelydone","Social login button UI design examples from SaaS apps. Explore how interfaces offer sign-in through an external identity provider. Look at provider labels,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3f2568d8-aca3-42b6-9086-b31df7c058db.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Social login button UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Social login button UI design examples from SaaS apps. Explore how interfaces offer sign-in through an external identity provider. Look at provider labels, logos, and button placement alongside other ways to…",[32],{"title":33,"description":14,"links":34},"About Social login button",[],[36],"139 UI components",[38,68,98,120,146,175,197,227,257,277,299,331],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"00107698-32c8-46a3-8dff-1f4e9497bdb4","Origin Financial UI component","A welcome back screen presenting multiple single sign-on options for user authentication.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fcomponents",932,547,"UI component from Origin Financial","component",[48],{"id":12,"title":13,"slug":49},"social-login-button",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"useorigin","Origin Financial","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[56,60,64],{"id":57,"title":58,"slug":59},36,"Finance","finance",{"id":61,"title":62,"slug":63},56,"Accounting","accounting",{"id":65,"title":66,"slug":67},80,"Artificial Intelligence","artificial-intelligence",{"uuid":69,"title":70,"description":71,"canonical_path":72,"image":73,"width":74,"height":75,"image_alt":76,"kind":46,"categories":77,"app":79},"4c37e78b-7dfa-4798-a7a6-1f2a80952630","Zaro UI component","Authentication options for user login","\u002Fexamples\u002Fapps\u002Fzaro\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5ac83234-e482-4e2d-b415-6c94014a3010.png",1028,681,"UI component from Zaro",[78],{"id":12,"title":13,"slug":49},{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png","AI workspace with agents and apps for business automation",[85,89,90,94],{"id":86,"title":87,"slug":88},23,"Collaboration","collaboration",{"id":65,"title":66,"slug":67},{"id":91,"title":92,"slug":93},22,"Knowledge Management","knowledge-management",{"id":95,"title":96,"slug":97},46,"Analytics","analytics",{"uuid":99,"title":100,"description":101,"canonical_path":102,"image":103,"width":104,"height":105,"image_alt":106,"kind":46,"categories":107,"app":109},"c742cdcb-e4bc-4b3e-8cdf-1635975608b9","Missive UI component","An account creation screen with social login and single sign-on options.","\u002Fexamples\u002Fapps\u002Fmissive\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F278ad30c-5c2a-49ab-bd28-413092d3a696.png",872,736,"UI component from Missive",[108],{"id":12,"title":13,"slug":49},{"slug":110,"title":111,"logo":112,"baseline":113,"categories":114},"missive","Missive","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmissive-3771692f.png","Team email, chat & tasks",[115,116],{"id":86,"title":87,"slug":88},{"id":117,"title":118,"slug":119},92,"Email","email",{"uuid":121,"title":122,"description":123,"canonical_path":124,"image":125,"width":126,"height":127,"image_alt":128,"kind":46,"categories":129,"app":131},"f0715366-401f-4f01-be3f-f1bbb7301f34","Morphic UI component","A login and sign-up screen for the Morphic application, offering authentication via Google or Passkey.","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F62c6b897-add5-4683-9a12-77f71ddc30ba.png",768,525,"UI component from Morphic",[130],{"id":12,"title":13,"slug":49},{"slug":132,"title":133,"logo":134,"baseline":135,"categories":136},"morphic","Morphic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F17b1263a-8707-435d-8214-460280911e23.png","A new era of storytelling",[137,141,145],{"id":138,"title":139,"slug":140},100,"Video","video",{"id":142,"title":143,"slug":144},8,"Design","design",{"id":65,"title":66,"slug":67},{"uuid":147,"title":148,"description":149,"canonical_path":150,"image":151,"width":152,"height":153,"image_alt":154,"kind":46,"categories":155,"app":157},"9016734a-7bf2-4dba-90f7-f27fbc09f632","Meetup UI component","A login screen offering social authentication options.","\u002Fexamples\u002Fapps\u002Fmeetup\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdda68d60-a678-41f8-be20-5b5c452cc669.png",1016,610,"UI component from Meetup",[156],{"id":12,"title":13,"slug":49},{"slug":158,"title":159,"logo":160,"baseline":161,"categories":162},"meetup","Meetup","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F123bdad2-d673-4999-b9a4-477472b558c3.png","Find local groups, events, and activities near you",[163,167,171],{"id":164,"title":165,"slug":166},1,"Communities","communities",{"id":168,"title":169,"slug":170},14,"Social","social",{"id":172,"title":173,"slug":174},26,"Events","events",{"uuid":176,"title":177,"description":178,"canonical_path":179,"image":180,"width":181,"height":182,"image_alt":183,"kind":46,"categories":184,"app":186},"f40ce942-9d33-466f-8461-a8097b11d1dd","Ona UI component","A login or sign-up screen presenting options to continue with GitHub, Google, or SSO.","\u002Fexamples\u002Fapps\u002Fona\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F83b14880-bc1b-4437-a0be-6ddb324f9093.png",1081,727,"UI component from Ona",[185],{"id":12,"title":13,"slug":49},{"slug":187,"title":188,"logo":189,"baseline":190,"categories":191},"ona","Ona","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5f04e4d2-1820-448d-8510-4d55ff185524.png","The AI software engineer you can rely on",[192,196],{"id":193,"title":194,"slug":195},48,"Developer Tools","developer-tools",{"id":65,"title":66,"slug":67},{"uuid":198,"title":199,"description":200,"canonical_path":201,"image":202,"width":203,"height":204,"image_alt":205,"kind":46,"categories":206,"app":208},"24ac7de7-2e67-4d75-8a48-c6e86d4e2663","Gumloop UI component","A section showcasing logos of various companies, indicating they are powered by or partnered with the product\u002Fservice, accompanied by a descriptive headline.","\u002Fexamples\u002Fapps\u002Fgumloop\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc72e35df-0f2b-46cd-9654-35cec3fd4f27.png",3015,368,"UI component from Gumloop",[207],{"id":12,"title":13,"slug":49},{"slug":209,"title":210,"logo":211,"baseline":212,"categories":213},"gumloop","Gumloop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbb3b7d8d-2866-4949-a601-d6f8deba3b8f.png","The AI automation platform built for everyone",[214,218,219,223],{"id":215,"title":216,"slug":217},30,"Productivity","productivity",{"id":65,"title":66,"slug":67},{"id":220,"title":221,"slug":222},96,"No code","no-code",{"id":224,"title":225,"slug":226},105,"Workflow Automation","workflow-automation",{"uuid":228,"title":229,"description":230,"canonical_path":231,"image":232,"width":233,"height":234,"image_alt":235,"kind":46,"categories":236,"app":238},"f38719d8-c5a2-416e-a6a9-37a3bff2b0b0","Typeform UI component","Two buttons for third-party authentication using Google and Microsoft accounts.","\u002Fexamples\u002Fapps\u002Ftypeform\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F805910b3-a74c-48cc-90d9-cceabd4bbe1f.png",928,336,"UI component from Typeform",[237],{"id":12,"title":13,"slug":49},{"slug":239,"title":240,"logo":241,"baseline":242,"categories":243},"typeform","Typeform","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftypeform-20f4caed.png","Free & beautifully human online forms",[244,248,252,253],{"id":245,"title":246,"slug":247},69,"Surveys","surveys",{"id":249,"title":250,"slug":251},25,"Marketing","marketing",{"id":220,"title":221,"slug":222},{"id":254,"title":255,"slug":256},104,"User Research","user-research",{"uuid":258,"title":259,"description":260,"canonical_path":261,"image":262,"width":263,"height":264,"image_alt":265,"kind":46,"categories":266,"app":268},"cb9b012c-ae21-4420-a3f0-fe82ae74bc96","Fyxer UI component","Two buttons for social login, offering options to continue with Google or Microsoft.","\u002Fexamples\u002Fapps\u002Ffyxer\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F12b3435b-9a81-4dc1-a25c-053d3e4dfb18.png",970,526,"UI component from Fyxer",[267],{"id":12,"title":13,"slug":49},{"slug":269,"title":270,"logo":271,"baseline":272,"categories":273},"fyxer","Fyxer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6c4767fa-eedd-41af-a293-2f6900ffa570.png","AI that writes your email replies",[274,275,276],{"id":65,"title":66,"slug":67},{"id":117,"title":118,"slug":119},{"id":215,"title":216,"slug":217},{"uuid":278,"title":279,"description":149,"canonical_path":280,"image":281,"width":282,"height":283,"image_alt":284,"kind":46,"categories":285,"app":287},"2ec3d4cc-3de7-40a6-bf49-ec6358c283e2","Reve UI component","\u002Fexamples\u002Fapps\u002Freve\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3d1fb399-7a39-4667-bc73-6019e303d539.png",908,465,"UI component from Reve",[286],{"id":12,"title":13,"slug":49},{"slug":288,"title":289,"logo":290,"baseline":291,"categories":292},"reve","Reve","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faa7de5bf-1b6b-406e-a3b2-de7db20d6531.png","Reimagine Reality",[293,297,298],{"id":294,"title":295,"slug":296},38,"Art","art",{"id":65,"title":66,"slug":67},{"id":142,"title":143,"slug":144},{"uuid":300,"title":301,"description":302,"canonical_path":303,"image":304,"width":305,"height":306,"image_alt":307,"kind":46,"categories":308,"app":310},"734a7b02-f67f-49dc-b4eb-ec9f8edbec37","Livekit UI component","The screenshot shows a login modal.","\u002Fexamples\u002Fapps\u002Flivekit\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3bd0aa18-c140-44e2-a7a0-06324ce2b89c.png",935,661,"UI component from Livekit",[309],{"id":12,"title":13,"slug":49},{"slug":311,"title":312,"logo":313,"baseline":314,"categories":315},"livekit","Livekit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe61f12ad-e18b-4b1e-91fb-39d0e1ce98ce.png","Build voice, video, and physical AI",[316,317,321,325,326,330],{"id":65,"title":66,"slug":67},{"id":318,"title":319,"slug":320},37,"Developer APIs","developer-apis",{"id":322,"title":323,"slug":324},45,"Open Source","open-source",{"id":193,"title":194,"slug":195},{"id":327,"title":328,"slug":329},70,"Video streaming","video-streaming",{"id":138,"title":139,"slug":140},{"uuid":332,"title":333,"description":334,"canonical_path":335,"image":336,"width":337,"height":338,"image_alt":339,"kind":46,"categories":340,"app":342},"064093b7-b99f-4a33-98c4-2edd3c8aab13","Attio UI component","The screenshot shows a settings page for connecting accounts.","\u002Fexamples\u002Fapps\u002Fattio\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb3a007b3-2f82-48ae-a3a0-86dd1653f74c.png",1793,590,"UI component from Attio",[341],{"id":12,"title":13,"slug":49},{"slug":343,"title":344,"logo":345,"baseline":346,"categories":347},"attio","Attio","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","Customer relationship magic",[348,352],{"id":349,"title":350,"slug":351},53,"CRM","crm",{"id":65,"title":66,"slug":67},[],[355,358,361,364,367,370,373,376,379,382,385,388,391,394,397,400],{"label":356,"to":357},"Sign In","\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":359,"to":360},"Sign Up","\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":362,"to":363},"Forgot Password","\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":365,"to":366},"Landing Page","\u002Fexamples\u002Fpages\u002Flanding-page",{"label":368,"to":369},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":371,"to":372},"Zaro design examples","\u002Fexamples\u002Fapps\u002Fzaro",{"label":374,"to":375},"Missive design examples","\u002Fexamples\u002Fapps\u002Fmissive",{"label":377,"to":378},"Morphic design examples","\u002Fexamples\u002Fapps\u002Fmorphic",{"label":380,"to":381},"Meetup design examples","\u002Fexamples\u002Fapps\u002Fmeetup",{"label":383,"to":384},"Ona design examples","\u002Fexamples\u002Fapps\u002Fona",{"label":386,"to":387},"Gumloop design examples","\u002Fexamples\u002Fapps\u002Fgumloop",{"label":389,"to":390},"Typeform design examples","\u002Fexamples\u002Fapps\u002Ftypeform",{"label":392,"to":393},"Fyxer design examples","\u002Fexamples\u002Fapps\u002Ffyxer",{"label":395,"to":396},"Reve design examples","\u002Fexamples\u002Fapps\u002Freve",{"label":398,"to":399},"Livekit design examples","\u002Fexamples\u002Fapps\u002Flivekit",{"label":401,"to":402},"Attio design examples","\u002Fexamples\u002Fapps\u002Fattio",{"published_at":404,"updated_at":405},"2023-03-02T14:34:04.000Z","2026-09-17T10:44:16.000Z"]