[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fauth":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":443,"links":444,"dates":502},"\u002Fexamples\u002Ftags\u002Fauth","collection","screens",true,{"example_count":9,"app_count":10},1054,63,{"id":12,"title":13,"description":14},75605,"Auth","See how SaaS apps present the ways to access an existing account. Explore how login fields, identity providers, and recovery links are arranged within the sign-in screen.",{"title":16,"description":17,"og_image":18},"Auth screen examples - Nicelydone","Auth screen design examples from SaaS apps. See how SaaS apps present the ways to access an existing account. Explore how login fields, identity providers,…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5139a3b9-a78c-4338-bb09-ba16749ed64b.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Auth screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Tag category","Auth screen design examples from SaaS apps. See how SaaS apps present the ways to access an existing account. Explore how login fields, identity providers, and recovery links are arranged within the…",[32],{"title":33,"description":14,"links":34},"About Auth",[],[36],"1054 screens",[38,97,131,162,199,241,280,310,333,368,392,422],{"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":58,"app":75},"5139a3b9-a78c-4338-bb09-ba16749ed64b","Page Protection — Evervault","Feature page for PCI-compliant page security displaying a prominent waitlist registration modal for upcoming ASV scanning capabilities.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fmarketing",3024,1780,"Page Protection — Evervault from Evervault","2025-04-29T08:32:29.000Z","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},138,"Feature Page","feature-page",0,{"id":55,"label":56,"slug":57},15,"Marketing Page Types","marketing-page-types",[59,63,67,71],{"id":60,"title":61,"slug":62},258,"Header","header",{"id":64,"title":65,"slug":66},260,"Badge","badge",{"id":68,"title":69,"slug":70},284,"Modal","modal",{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":76,"title":77,"logo":78,"baseline":79,"categories":80},"evervault","Evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[81,85,89,93],{"id":82,"title":83,"slug":84},48,"Developer Tools","developer-tools",{"id":86,"title":87,"slug":88},37,"Developer APIs","developer-apis",{"id":90,"title":91,"slug":92},39,"Payments","payments",{"id":94,"title":95,"slug":96},78,"Security","security",{"uuid":98,"title":99,"description":100,"canonical_path":101,"image":102,"width":43,"height":103,"image_alt":104,"published_at":105,"kind":47,"patterns":106,"component_categories":115,"app":117},"23c9bd19-af33-4e56-9769-9d97d0c1b292","Notion - Log in","Sign-in screen where the user authenticates to Notion Mail using Google, Apple, Microsoft, a passkey, SSO, or email.","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23c9bd19-af33-4e56-9769-9d97d0c1b292.png",1714,"Notion - Log in from Notion Mail","2025-04-21T10:48:03.000Z",[107],{"id":108,"label":109,"slug":110,"rank":53,"group":111},4,"Sign In","sign-in",{"id":112,"label":113,"slug":114},1,"Access & Account","access-and-account",[116],{"id":72,"title":73,"slug":74},{"slug":118,"title":119,"logo":120,"baseline":121,"categories":122},"notion-mail","Notion Mail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-mail-6kbmdt89.png","The inbox that thinks like you",[123,127],{"id":124,"title":125,"slug":126},92,"Email","email",{"id":128,"title":129,"slug":130},80,"Artificial Intelligence","artificial-intelligence",{"uuid":132,"title":133,"description":134,"canonical_path":135,"image":136,"width":43,"height":103,"image_alt":137,"published_at":138,"kind":47,"patterns":139,"component_categories":145,"app":148},"99f277e9-4242-47b7-ae6f-34907551899d","Record Club","Sign-in screen where the user authenticates to Record Club using their email and password.","\u002Fexamples\u002Fapps\u002Frecord-club\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F99f277e9-4242-47b7-ae6f-34907551899d.png","Record Club from Record club","2025-04-21T10:47:50.000Z",[140],{"id":141,"label":142,"slug":143,"rank":53,"group":144},2,"Forgot Password","forgot-password",{"id":112,"label":113,"slug":114},[146,147],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":149,"title":150,"logo":151,"baseline":152,"categories":153},"record-club","Record club","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdc3f1497-07c4-42cf-974d-960c02cbeaa9.png","A new fun way to discover and share music with friends",[154,158],{"id":155,"title":156,"slug":157},20,"Music","music",{"id":159,"title":160,"slug":161},14,"Social","social",{"uuid":163,"title":164,"description":165,"canonical_path":166,"image":167,"width":43,"height":44,"image_alt":168,"published_at":169,"kind":47,"patterns":170,"component_categories":183,"app":189},"e31fa471-a776-42e3-9dcf-0f488910b0f9","Sora","Onboarding step where the user attempts to claim a username but receives an inline validation message that the name is already taken.","\u002Fexamples\u002Fapps\u002Fsora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe31fa471-a776-42e3-9dcf-0f488910b0f9.png","Sora from Sora","2025-04-14T09:27:56.000Z",[171,175],{"id":112,"label":172,"slug":173,"rank":53,"group":174},"Account Setup","account-setup",{"id":112,"label":113,"slug":114},{"id":176,"label":177,"slug":178,"rank":112,"group":179},116,"Error","error",{"id":180,"label":181,"slug":182},12,"States & Feedback","states-and-feedback",[184,188],{"id":185,"title":186,"slug":187},174,"Card","card",{"id":72,"title":73,"slug":74},{"slug":190,"title":164,"logo":191,"baseline":192,"categories":193},"sora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsora-2oq6gygg.png","Bring your imagination to life with text, image, or video",[194,195],{"id":128,"title":129,"slug":130},{"id":196,"title":197,"slug":198},100,"Video","video",{"uuid":200,"title":201,"description":202,"canonical_path":203,"image":204,"width":43,"height":103,"image_alt":205,"published_at":206,"kind":47,"patterns":207,"component_categories":223,"app":234},"fbcb566d-3e37-4aec-b3a5-10cda45dd8d5","Manage password | xAI Single-Sign On","Settings page where the user can choose to change their current password or initiate a password reset.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffbcb566d-3e37-4aec-b3a5-10cda45dd8d5.png","Manage password | xAI Single-Sign On from Grok","2025-04-14T08:55:44.000Z",[208,216,221],{"id":209,"label":210,"slug":211,"rank":53,"group":212},94,"Account Settings","account-settings",{"id":213,"label":214,"slug":215},10,"Settings & Admin","settings-and-admin",{"id":217,"label":218,"slug":219,"rank":112,"group":220},101,"Security Settings","security-settings",{"id":213,"label":214,"slug":215},{"id":141,"label":142,"slug":143,"rank":141,"group":222},{"id":112,"label":113,"slug":114},[224,228,232,233],{"id":225,"title":226,"slug":227},240,"Horizontal navigation","horizontal-navigation",{"id":229,"title":230,"slug":231},169,"Avatar","avatar",{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"slug":235,"title":236,"logo":237,"baseline":238,"categories":239},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[240],{"id":128,"title":129,"slug":130},{"uuid":242,"title":243,"description":244,"canonical_path":245,"image":246,"width":43,"height":247,"image_alt":248,"published_at":249,"kind":47,"patterns":250,"component_categories":264,"app":266},"41da4bec-5fdf-4295-91aa-c2b3adf65c9d","Shuttle Sign Up","Signup page where the user creates an account by providing their name, email, and password, and opts into updates and legal agreements via toggle switches.","\u002Fexamples\u002Fapps\u002Fshuttle\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F41da4bec-5fdf-4295-91aa-c2b3adf65c9d.png",1726,"Shuttle Sign Up from Shuttle","2025-03-31T12:54:20.000Z",[251,256],{"id":252,"label":253,"slug":254,"rank":53,"group":255},5,"Sign Up","sign-up",{"id":112,"label":113,"slug":114},{"id":257,"label":258,"slug":259,"rank":112,"group":260},77,"Welcome","welcome",{"id":261,"label":262,"slug":263},7,"Onboarding & Education","onboarding-and-education",[265],{"id":72,"title":73,"slug":74},{"slug":267,"title":268,"logo":269,"baseline":270,"categories":271},"shuttle","Shuttle","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fshuttle-1876ce5e.png","Manage and share your assets your way",[272,276],{"id":273,"title":274,"slug":275},71,"File sharing","file-sharing",{"id":277,"title":278,"slug":279},23,"Collaboration","collaboration",{"uuid":281,"title":282,"description":283,"canonical_path":284,"image":285,"width":43,"height":286,"image_alt":287,"published_at":288,"kind":47,"patterns":289,"component_categories":292,"app":295},"cac6b11f-aba7-4d65-ac79-033b8169d78a","Reset Password","Password recovery screen where the user enters their email or username to request a reset link.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcac6b11f-aba7-4d65-ac79-033b8169d78a.png",1778,"Reset Password from Bitly","2025-03-31T12:38:36.000Z",[290],{"id":141,"label":142,"slug":143,"rank":53,"group":291},{"id":112,"label":113,"slug":114},[293,294],{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"slug":296,"title":297,"logo":298,"baseline":299,"categories":300},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[301,302,306],{"id":159,"title":160,"slug":161},{"id":303,"title":304,"slug":305},25,"Marketing","marketing",{"id":307,"title":308,"slug":309},46,"Analytics","analytics",{"uuid":311,"title":312,"description":313,"canonical_path":314,"image":315,"width":43,"height":286,"image_alt":316,"published_at":317,"kind":47,"patterns":318,"component_categories":321,"app":323},"8354fdd8-1cba-4dea-874e-5a06b52ae5dd","Lemni","Sign-in screen where the user authenticates with Google or enters their email for a passwordless login.","\u002Fexamples\u002Fapps\u002Flemni\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8354fdd8-1cba-4dea-874e-5a06b52ae5dd.png","Lemni from Lemni","2025-03-24T15:32:17.000Z",[319],{"id":108,"label":109,"slug":110,"rank":53,"group":320},{"id":112,"label":113,"slug":114},[322],{"id":72,"title":73,"slug":74},{"slug":324,"title":312,"logo":325,"baseline":326,"categories":327},"lemni","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flemni-aebad401.png","Ai agents for all your customer interactions",[328,329],{"id":128,"title":129,"slug":130},{"id":330,"title":331,"slug":332},47,"Customer Service","customer-service",{"uuid":334,"title":335,"description":336,"canonical_path":337,"image":338,"width":43,"height":339,"image_alt":340,"published_at":341,"kind":47,"patterns":342,"component_categories":348,"app":351},"4c079ff3-633e-46ef-a04d-236d9efaac6a","Reflect","Sign-in screen where the user enters a one-time login code sent to their email to authenticate.","\u002Fexamples\u002Fapps\u002Freflect\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c079ff3-633e-46ef-a04d-236d9efaac6a.png",1932,"Reflect from Reflect","2025-03-24T15:32:15.000Z",[343],{"id":344,"label":345,"slug":346,"rank":53,"group":347},6,"Verification","verification",{"id":112,"label":113,"slug":114},[349,350],{"id":225,"title":226,"slug":227},{"id":72,"title":73,"slug":74},{"slug":352,"title":335,"logo":353,"baseline":354,"categories":355},"reflect","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","Keep track of your notes, books, and meetings.",[356,360,364],{"id":357,"title":358,"slug":359},30,"Productivity","productivity",{"id":361,"title":362,"slug":363},22,"Knowledge Management","knowledge-management",{"id":365,"title":366,"slug":367},59,"Writing tools","writing-tools",{"uuid":369,"title":370,"description":371,"canonical_path":372,"image":373,"width":43,"height":286,"image_alt":374,"published_at":375,"kind":47,"patterns":376,"component_categories":379,"app":382},"76585732-d883-4060-9439-c2c714719f6f","Monarch | Sign In","Sign-in screen where the user authenticates with Apple, Google, or standard email and password.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76585732-d883-4060-9439-c2c714719f6f.png","Monarch | Sign In from Monarch","2025-03-17T14:09:52.000Z",[377],{"id":108,"label":109,"slug":110,"rank":53,"group":378},{"id":112,"label":113,"slug":114},[380,381],{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"slug":383,"title":384,"logo":385,"baseline":386,"categories":387},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[388],{"id":389,"title":390,"slug":391},36,"Finance","finance",{"uuid":393,"title":394,"description":395,"canonical_path":396,"image":397,"width":43,"height":398,"image_alt":399,"published_at":400,"kind":47,"patterns":401,"component_categories":409,"app":413},"dd64314c-5e46-4776-8942-b8b495691743","Authorize | LinkedIn","OAuth consent screen where the user reviews and approves permissions for Assembly to access their LinkedIn account data.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdd64314c-5e46-4776-8942-b8b495691743.png",2068,"Authorize | LinkedIn from Assembly","2025-03-17T13:29:41.000Z",[402,407],{"id":403,"label":404,"slug":405,"rank":53,"group":406},114,"Confirmation","confirmation",{"id":180,"label":181,"slug":182},{"id":112,"label":172,"slug":173,"rank":112,"group":408},{"id":112,"label":113,"slug":114},[410,411,412],{"id":229,"title":230,"slug":231},{"id":185,"title":186,"slug":187},{"id":72,"title":73,"slug":74},{"slug":414,"title":415,"logo":416,"baseline":417,"categories":418},"meet-assembly","Assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[419,420,421],{"id":159,"title":160,"slug":161},{"id":277,"title":278,"slug":279},{"id":303,"title":304,"slug":305},{"uuid":423,"title":424,"description":425,"canonical_path":426,"image":427,"width":43,"height":286,"image_alt":428,"published_at":429,"kind":47,"patterns":430,"component_categories":433,"app":435},"71ce991a-b9fd-4070-82aa-5e03f058d544","Leap AI | Automate any workflow with AI","Verification screen instructing the user to check their email for a magic link to access their Leap account.","\u002Fexamples\u002Fapps\u002Fleap\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F71ce991a-b9fd-4070-82aa-5e03f058d544.png","Leap AI | Automate any workflow with AI from Leap","2025-03-10T14:11:55.000Z",[431],{"id":344,"label":345,"slug":346,"rank":53,"group":432},{"id":112,"label":113,"slug":114},[434],{"id":185,"title":186,"slug":187},{"slug":436,"title":437,"logo":438,"baseline":439,"categories":440},"leap","Leap","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","Automate any workflow with AI",[441,442],{"id":128,"title":129,"slug":130},{"id":357,"title":358,"slug":359},[],[445,448,450,452,454,456,458,460,462,464,466,469,472,475,478,481,484,487,490,493,496,499],{"label":142,"to":446,"count":447},"\u002Fexamples\u002Fscreens\u002Fforgot-password",3,{"label":109,"to":449,"count":447},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":172,"to":451,"count":141},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":345,"to":453,"count":141},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":210,"to":455,"count":112},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":404,"to":457,"count":112},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":177,"to":459,"count":112},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":218,"to":461,"count":112},"\u002Fexamples\u002Fscreens\u002Fsecurity-settings",{"label":253,"to":463,"count":112},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":258,"to":465,"count":112},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":467,"to":468},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":470,"to":471},"Notion Mail design examples","\u002Fexamples\u002Fapps\u002Fnotion-mail",{"label":473,"to":474},"Record club design examples","\u002Fexamples\u002Fapps\u002Frecord-club",{"label":476,"to":477},"Sora design examples","\u002Fexamples\u002Fapps\u002Fsora",{"label":479,"to":480},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":482,"to":483},"Shuttle design examples","\u002Fexamples\u002Fapps\u002Fshuttle",{"label":485,"to":486},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":488,"to":489},"Lemni design examples","\u002Fexamples\u002Fapps\u002Flemni",{"label":491,"to":492},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"label":494,"to":495},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":497,"to":498},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":500,"to":501},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"published_at":503,"updated_at":504},"2024-12-31T16:54:08.000Z","2026-09-17T10:44:16.000Z"]