[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Foauth-integration":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":476,"links":477,"dates":539},"\u002Fexamples\u002Ftags\u002Foauth-integration","collection","screens",true,{"example_count":9,"app_count":10},88,68,{"id":12,"title":13,"description":14},160344,"OAuth integration","Explore how apps connect a service through external account authorization. Look at how connection instructions and permission choices relate to the integration.",{"title":16,"description":17,"og_image":18},"OAuth integration screen examples - Nicelydone","OAuth integration screen design examples from SaaS apps. Explore how apps connect a service through external account authorization. Look at how connection…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe0c45dd6-ca8c-4411-b878-5e05c6de70c8.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"OAuth integration screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Tag category","OAuth integration screen design examples from SaaS apps. Explore how apps connect a service through external account authorization. Look at how connection instructions and permission choices relate to the integration.",[32],{"title":33,"description":14,"links":34},"About OAuth integration",[],[36],"88 screens",[38,101,147,186,208,245,272,306,346,378,431,455],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"published_at":46,"kind":47,"patterns":48,"component_categories":70,"app":79},"e0c45dd6-ca8c-4411-b878-5e05c6de70c8","Preferences | Polar","Settings page where the user manages connected accounts like GitHub and Google, configures two-factor authentication, and can permanently delete their account.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens",3024,1758,"Preferences | Polar from Polar","2026-09-21T19:01:38.000Z","screen",[49,58,64],{"id":50,"label":51,"slug":52,"rank":53,"group":54},94,"Account Settings","account-settings",0,{"id":55,"label":56,"slug":57},10,"Settings & Admin","settings-and-admin",{"id":59,"label":60,"slug":61,"rank":62,"group":63},97,"Integrations","integrations",1,{"id":55,"label":56,"slug":57},{"id":65,"label":66,"slug":67,"rank":68,"group":69},98,"MFA","mfa",2,{"id":55,"label":56,"slug":57},[71,75],{"id":72,"title":73,"slug":74},174,"Card","card",{"id":76,"title":77,"slug":78},175,"Button","button",{"slug":80,"title":81,"logo":82,"baseline":83,"categories":84},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[85,89,93,97],{"id":86,"title":87,"slug":88},36,"Finance","finance",{"id":90,"title":91,"slug":92},39,"Payments","payments",{"id":94,"title":95,"slug":96},48,"Developer Tools","developer-tools",{"id":98,"title":99,"slug":100},37,"Developer APIs","developer-apis",{"uuid":102,"title":103,"description":104,"canonical_path":105,"image":106,"width":43,"height":44,"image_alt":107,"published_at":108,"kind":47,"patterns":109,"component_categories":133,"app":140},"2e81580c-d1f8-41c4-a6ed-41d7b6289c64","Sign up – Dashboard - Latitude.sh","Signup screen where the user can create an account using email, Google, GitHub, SAML SSO, or a Passkey, currently showing an email validation error.","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2e81580c-d1f8-41c4-a6ed-41d7b6289c64.png","Sign up – Dashboard - Latitude.sh from Latitude.sh","2026-09-14T11:09:31.000Z",[110,117,125],{"id":111,"label":112,"slug":113,"rank":53,"group":114},5,"Sign Up","sign-up",{"id":62,"label":115,"slug":116},"Access & Account","access-and-account",{"id":118,"label":119,"slug":120,"rank":62,"group":121},116,"Error","error",{"id":122,"label":123,"slug":124},12,"States & Feedback","states-and-feedback",{"id":126,"label":127,"slug":128,"rank":68,"group":129},42,"Form","form",{"id":130,"label":131,"slug":132},4,"Data & Analysis","data-and-analysis",[134,138,139],{"id":135,"title":136,"slug":137},277,"Button group","button-group",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":141,"title":142,"logo":143,"baseline":144,"categories":145},"latitude-2","Latitude.sh","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png","Deploy and manage fully automated bare metal servers globally",[146],{"id":94,"title":95,"slug":96},{"uuid":148,"title":149,"description":150,"canonical_path":151,"image":152,"width":43,"height":44,"image_alt":153,"published_at":154,"kind":47,"patterns":155,"component_categories":165,"app":168},"202ff898-8f6e-4627-8221-f36c02e01bf9","Voiceflow | Log In to your Account","Sign-in screen where the user authenticates into Voiceflow using Google SSO or an email and password.","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F202ff898-8f6e-4627-8221-f36c02e01bf9.png","Voiceflow | Log In to your Account from Voiceflow","2026-07-07T07:44:33.000Z",[156,160],{"id":130,"label":157,"slug":158,"rank":53,"group":159},"Sign In","sign-in",{"id":62,"label":115,"slug":116},{"id":161,"label":162,"slug":163,"rank":62,"group":164},103,"SSO","sso",{"id":55,"label":56,"slug":57},[166,167],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":169,"title":170,"logo":171,"baseline":172,"categories":173},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[174,178,182],{"id":175,"title":176,"slug":177},80,"Artificial Intelligence","artificial-intelligence",{"id":179,"title":180,"slug":181},47,"Customer Service","customer-service",{"id":183,"title":184,"slug":185},96,"No code","no-code",{"uuid":187,"title":188,"description":189,"canonical_path":190,"image":191,"width":43,"height":192,"image_alt":193,"published_at":194,"kind":47,"patterns":195,"component_categories":198,"app":200},"17dc1647-94c1-440b-9f13-f5e4776cc8cb","Sign Up | ElevenLabs","Signup screen where the user creates an account using Google or an email and password, with inline password validation requirements.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F17dc1647-94c1-440b-9f13-f5e4776cc8cb.png",1714,"Sign Up | ElevenLabs from Elevenlabs","2026-05-11T13:29:11.000Z",[196],{"id":111,"label":112,"slug":113,"rank":53,"group":197},{"id":62,"label":115,"slug":116},[199],{"id":76,"title":77,"slug":78},{"slug":201,"title":202,"logo":203,"baseline":204,"categories":205},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[206,207],{"id":175,"title":176,"slug":177},{"id":98,"title":99,"slug":100},{"uuid":209,"title":210,"description":211,"canonical_path":212,"image":213,"width":214,"height":215,"image_alt":216,"published_at":217,"kind":47,"patterns":218,"component_categories":225,"app":228},"5fadddc7-ab77-478b-b7c5-04caf7658178","Sign Up for Mailchimp","Signup page where the user can create an account using their business email, username, and password, or opt to continue with Google.","\u002Fexamples\u002Fapps\u002Fmailchimp\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5fadddc7-ab77-478b-b7c5-04caf7658178.png",2880,1670,"Sign Up for Mailchimp from Mailchimp","2026-04-29T12:25:29.000Z",[219,221],{"id":111,"label":112,"slug":113,"rank":53,"group":220},{"id":62,"label":115,"slug":116},{"id":62,"label":222,"slug":223,"rank":62,"group":224},"Account Setup","account-setup",{"id":62,"label":115,"slug":116},[226,227],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":229,"title":230,"logo":231,"baseline":232,"categories":233},"mailchimp","Mailchimp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmailchimp-bd8e0c89.png","All-in-one marketing platform for small business",[234,238,242],{"id":235,"title":236,"slug":237},25,"Marketing","marketing",{"id":239,"title":240,"slug":241},27,"Email Newsletters","email-newsletters",{"id":10,"title":243,"slug":244},"SMS","sms",{"uuid":246,"title":247,"description":248,"canonical_path":249,"image":250,"width":43,"height":251,"image_alt":252,"published_at":253,"kind":47,"patterns":254,"component_categories":257,"app":260},"6ddbe27c-148a-404a-8e69-94498ca259fd","Sign up","Signup page where the user enters their name and email or authenticates via Google or GitHub to create an account.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6ddbe27c-148a-404a-8e69-94498ca259fd.png",1588,"Sign up from Liveblocks","2026-04-27T19:43:19.000Z",[255],{"id":111,"label":112,"slug":113,"rank":53,"group":256},{"id":62,"label":115,"slug":116},[258,259],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":261,"title":262,"logo":263,"baseline":264,"categories":265},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[266,267,271],{"id":94,"title":95,"slug":96},{"id":268,"title":269,"slug":270},23,"Collaboration","collaboration",{"id":98,"title":99,"slug":100},{"uuid":273,"title":274,"description":275,"canonical_path":276,"image":277,"width":214,"height":215,"image_alt":278,"published_at":279,"kind":47,"patterns":280,"component_categories":283,"app":289},"ff59370b-1bbf-4fa6-b2e2-b135620b7aa8","Maze","Signup screen where the user can create a free account using email and password or Google OAuth, featuring a product UI collage and customer logos on the right.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fff59370b-1bbf-4fa6-b2e2-b135620b7aa8.png","Maze from Maze","2026-04-20T14:45:59.000Z",[281],{"id":111,"label":112,"slug":113,"rank":53,"group":282},{"id":62,"label":115,"slug":116},[284,288],{"id":285,"title":286,"slug":287},298,"Bento box","bento-grid",{"id":76,"title":77,"slug":78},{"slug":290,"title":274,"logo":291,"baseline":292,"categories":293},"maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[294,298,302],{"id":295,"title":296,"slug":297},8,"Design","design",{"id":299,"title":300,"slug":301},69,"Surveys","surveys",{"id":303,"title":304,"slug":305},104,"User Research","user-research",{"uuid":307,"title":308,"description":309,"canonical_path":310,"image":311,"width":43,"height":312,"image_alt":313,"published_at":314,"kind":47,"patterns":315,"component_categories":329,"app":335},"aae14d36-c6a8-4a48-a926-a4702ea6eed5","UIiFrame integrations  Developers  Missive Docs","Developer documentation page explaining how to build custom UI integrations with iFrames using the Missive JavaScript API, including authentication and debugging.","\u002Fexamples\u002Fapps\u002Fmissive\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faae14d36-c6a8-4a48-a926-a4702ea6eed5.png",7726,"UIiFrame integrations  Developers  Missive Docs from Missive","2026-04-20T14:33:36.000Z",[316,324],{"id":317,"label":318,"slug":319,"rank":53,"group":320},78,"Article","article",{"id":321,"label":322,"slug":323},15,"Marketing Page Types","marketing-page-types",{"id":325,"label":326,"slug":327,"rank":62,"group":328},118,"Help","help",{"id":122,"label":123,"slug":124},[330,334],{"id":331,"title":332,"slug":333},211,"Pagination","pagination",{"id":76,"title":77,"slug":78},{"slug":336,"title":337,"logo":338,"baseline":339,"categories":340},"missive","Missive","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmissive-3771692f.png","Team email, chat & tasks",[341,342],{"id":268,"title":269,"slug":270},{"id":343,"title":344,"slug":345},92,"Email","email",{"uuid":347,"title":348,"description":349,"canonical_path":350,"image":351,"width":43,"height":352,"image_alt":353,"published_at":354,"kind":47,"patterns":355,"component_categories":360,"app":362},"56ee140c-368b-4a9b-95b4-eb966adbe8fb","Sign in","Signup page where the user creates an account using email or social providers, featuring a promotional sidebar and social proof logos.","\u002Fexamples\u002Fapps\u002Fllamaindex\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F56ee140c-368b-4a9b-95b4-eb966adbe8fb.png",1776,"Sign in from Llamaindex","2026-03-16T20:51:42.000Z",[356,358],{"id":111,"label":112,"slug":113,"rank":53,"group":357},{"id":62,"label":115,"slug":116},{"id":62,"label":222,"slug":223,"rank":62,"group":359},{"id":62,"label":115,"slug":116},[361],{"id":76,"title":77,"slug":78},{"slug":363,"title":364,"logo":365,"baseline":366,"categories":367},"llamaindex","Llamaindex","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1e225662-6b6d-476d-a9ed-68b03c620ee1.png",null,[368,372,373,374],{"id":369,"title":370,"slug":371},45,"Open Source","open-source",{"id":94,"title":95,"slug":96},{"id":175,"title":176,"slug":177},{"id":375,"title":376,"slug":377},105,"Workflow Automation","workflow-automation",{"uuid":379,"title":380,"description":381,"canonical_path":382,"image":383,"width":43,"height":384,"image_alt":385,"published_at":386,"kind":47,"patterns":387,"component_categories":408,"app":419},"f8bd505b-fd40-49cb-a396-83c46acd7c27","Dashboard - Documentation.AI","Settings page where the user manages their profile details, email addresses, and connected accounts, with an active inline prompt to confirm the removal of a Google integration.","\u002Fexamples\u002Fapps\u002Fdocumentationai\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff8bd505b-fd40-49cb-a396-83c46acd7c27.png",1780,"Dashboard - Documentation.AI from Documentation.AI","2026-02-23T10:22:12.000Z",[388,393,401],{"id":389,"label":390,"slug":391,"rank":53,"group":392},114,"Confirmation","confirmation",{"id":122,"label":123,"slug":124},{"id":394,"label":395,"slug":396,"rank":62,"group":397},3,"Profile","profile",{"id":398,"label":399,"slug":400},11,"Social & Collaboration","social-and-collaboration",{"id":402,"label":403,"slug":404,"rank":68,"group":405},9,"Delete","delete",{"id":68,"label":406,"slug":407},"Actions","actions",[409,413,417,418],{"id":410,"title":411,"slug":412},169,"Avatar","avatar",{"id":414,"title":415,"slug":416},260,"Badge","badge",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":420,"title":421,"logo":422,"baseline":423,"categories":424},"documentationai","Documentation.AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F765c5eca-9754-4c48-be93-ec4d07f943f7.png","AI Documentation & Knowledge",[425,429,430],{"id":426,"title":427,"slug":428},22,"Knowledge Management","knowledge-management",{"id":94,"title":95,"slug":96},{"id":175,"title":176,"slug":177},{"uuid":432,"title":433,"description":434,"canonical_path":435,"image":436,"width":43,"height":384,"image_alt":437,"published_at":438,"kind":47,"patterns":439,"component_categories":444,"app":446},"98cf3666-66cf-4d06-887a-fff0e4033ece","Log in - Pocket Casts","Sign-up screen where the user creates an account using email and password or authenticates via Apple or Google.","\u002Fexamples\u002Fapps\u002Fpocket-casts\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F98cf3666-66cf-4d06-887a-fff0e4033ece.png","Log in - Pocket Casts from Pocket Casts","2026-02-23T09:50:49.000Z",[440,442],{"id":111,"label":112,"slug":113,"rank":53,"group":441},{"id":62,"label":115,"slug":116},{"id":62,"label":222,"slug":223,"rank":62,"group":443},{"id":62,"label":115,"slug":116},[445],{"id":76,"title":77,"slug":78},{"slug":447,"title":448,"logo":449,"baseline":450,"categories":451},"pocket-casts","Pocket Casts","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ff4d1fda4-3822-47c0-a321-da4fe83db7b8.png","Listen to podcasts with the best free podcasting app",[452],{"id":321,"title":453,"slug":454},"Media and Entertainment","media-and-entertainment",{"uuid":456,"title":348,"description":457,"canonical_path":458,"image":459,"width":43,"height":384,"image_alt":460,"published_at":461,"kind":47,"patterns":462,"component_categories":465,"app":468},"5b69c46b-b453-4177-95cc-87d4f79b5c2d","Sign-in screen where the user enters their email to continue or authenticates with Google.","\u002Fexamples\u002Fapps\u002Ftwin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5b69c46b-b453-4177-95cc-87d4f79b5c2d.png","Sign in from Twin","2026-02-09T10:17:21.000Z",[463],{"id":130,"label":157,"slug":158,"rank":53,"group":464},{"id":62,"label":115,"slug":116},[466,467],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"slug":469,"title":470,"logo":471,"baseline":472,"categories":473},"twin","Twin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcfafc203-3d6a-4cfc-9ca4-539681caf005.png","The AI company builder",[474,475],{"id":175,"title":176,"slug":177},{"id":375,"title":376,"slug":377},[],[478,481,483,485,487,489,491,493,495,497,499,501,503,506,509,512,515,518,521,524,527,530,533,536],{"label":112,"to":479,"count":480},"\u002Fexamples\u002Fscreens\u002Fsign-up",7,{"label":222,"to":482,"count":394},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":157,"to":484,"count":68},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":51,"to":486,"count":62},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":390,"to":488,"count":62},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":403,"to":490,"count":62},"\u002Fexamples\u002Fscreens\u002Fdelete",{"label":119,"to":492,"count":62},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":127,"to":494,"count":62},"\u002Fexamples\u002Fscreens\u002Fform",{"label":326,"to":496,"count":62},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":60,"to":498,"count":62},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":66,"to":500,"count":62},"\u002Fexamples\u002Fscreens\u002Fmfa",{"label":395,"to":502,"count":62},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":504,"to":505},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":507,"to":508},"Latitude.sh design examples","\u002Fexamples\u002Fapps\u002Flatitude-2",{"label":510,"to":511},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":513,"to":514},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":516,"to":517},"Mailchimp design examples","\u002Fexamples\u002Fapps\u002Fmailchimp",{"label":519,"to":520},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"label":522,"to":523},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":525,"to":526},"Missive design examples","\u002Fexamples\u002Fapps\u002Fmissive",{"label":528,"to":529},"Llamaindex design examples","\u002Fexamples\u002Fapps\u002Fllamaindex",{"label":531,"to":532},"Documentation.AI design examples","\u002Fexamples\u002Fapps\u002Fdocumentationai",{"label":534,"to":535},"Pocket Casts design examples","\u002Fexamples\u002Fapps\u002Fpocket-casts",{"label":537,"to":538},"Twin design examples","\u002Fexamples\u002Fapps\u002Ftwin",{"published_at":540,"updated_at":46},"2025-01-26T07:56:08.000Z"]