[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002Fsign-in":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":451,"links":452,"dates":498},"\u002Fexamples\u002Fscreens\u002Fsign-in","collection","screens",true,{"example_count":9,"app_count":10},1879,497,{"id":12,"title":13,"description":14},4,"Sign In","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},"Sign In screen examples - Nicelydone","Sign In screen design examples from SaaS apps. See how SaaS apps present the ways to access an existing account. Explore how login fields, identity…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb424636f-10e5-4c66-a324-422518a13978.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":27,"to":4},"Sign In screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Screen category","Sign In 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 Sign In",[],[36],"1879 screens",[38,88,129,154,186,236,283,310,342,366,397,426],{"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":61,"app":70},"b424636f-10e5-4c66-a324-422518a13978","My account | Bud","Sign-in screen where the user enters their password for a previously provided email address, with options to reset the password or choose another login method.","\u002Fexamples\u002Fapps\u002Fbud\u002Fscreens",3024,1714,"My account | Bud from Bud","2026-09-21T19:04:27.000Z","screen",[49,56],{"id":12,"label":13,"slug":50,"rank":51,"group":52},"sign-in",0,{"id":53,"label":54,"slug":55},1,"Access & Account","access-and-account",{"id":57,"label":58,"slug":59,"rank":53,"group":60},2,"Forgot Password","forgot-password",{"id":53,"label":54,"slug":55},[62,66],{"id":63,"title":64,"slug":65},174,"Card","card",{"id":67,"title":68,"slug":69},175,"Button","button",{"slug":71,"title":72,"logo":73,"baseline":74,"categories":75},"bud","Bud","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb0427c87-61b8-484c-bf46-129e1c0ebd42.png","Bud is an AI worker with its own computer, browser, and number to run autonomously and get work done.",[76,80,84],{"id":77,"title":78,"slug":79},80,"Artificial Intelligence","artificial-intelligence",{"id":81,"title":82,"slug":83},103,"Demo Automation","demo-automation",{"id":85,"title":86,"slug":87},105,"Workflow Automation","workflow-automation",{"uuid":89,"title":90,"description":91,"canonical_path":92,"image":93,"width":43,"height":94,"image_alt":95,"published_at":96,"kind":47,"patterns":97,"component_categories":100,"app":107},"5d58fc28-043d-49d0-ae90-f93f01d19b1b","Log in to Polar | Polar","Sign-in screen for a developer sandbox where the user authenticates via Google, Apple, GitHub, or a passwordless email link.","\u002Fexamples\u002Fapps\u002Fpolar\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5d58fc28-043d-49d0-ae90-f93f01d19b1b.png",1758,"Log in to Polar | Polar from Polar","2026-09-21T19:01:38.000Z",[98],{"id":12,"label":13,"slug":50,"rank":51,"group":99},{"id":53,"label":54,"slug":55},[101,105,106],{"id":102,"title":103,"slug":104},260,"Badge","badge",{"id":63,"title":64,"slug":65},{"id":67,"title":68,"slug":69},{"slug":108,"title":109,"logo":110,"baseline":111,"categories":112},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png","Sell SaaS and digital products in minutes",[113,117,121,125],{"id":114,"title":115,"slug":116},36,"Finance","finance",{"id":118,"title":119,"slug":120},39,"Payments","payments",{"id":122,"title":123,"slug":124},48,"Developer Tools","developer-tools",{"id":126,"title":127,"slug":128},37,"Developer APIs","developer-apis",{"uuid":130,"title":131,"description":132,"canonical_path":133,"image":134,"width":43,"height":94,"image_alt":135,"published_at":136,"kind":47,"patterns":137,"component_categories":140,"app":142},"f745b16e-2c07-4ea2-8607-fd511d7ac524","Alloy · AI Prototyping for Product Management","Sign-in screen where the user enters their email address to initiate an identifier-first or passwordless authentication flow.","\u002Fexamples\u002Fapps\u002Falloy\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff745b16e-2c07-4ea2-8607-fd511d7ac524.png","Alloy · AI Prototyping for Product Management from Alloy","2026-09-14T10:58:46.000Z",[138],{"id":12,"label":13,"slug":50,"rank":51,"group":139},{"id":53,"label":54,"slug":55},[141],{"id":67,"title":68,"slug":69},{"slug":143,"title":144,"logo":145,"baseline":146,"categories":147},"alloy","Alloy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F13110ce9-b228-4dcd-99db-7c3272fae2ce.png","AI prototyping tool for product managers",[148,149,150],{"id":122,"title":123,"slug":124},{"id":77,"title":78,"slug":79},{"id":151,"title":152,"slug":153},86,"Product management","product-management",{"uuid":155,"title":156,"description":157,"canonical_path":158,"image":159,"width":43,"height":94,"image_alt":160,"published_at":161,"kind":47,"patterns":162,"component_categories":165,"app":168},"61728635-c177-4939-a24d-e1cd40fb67bb","Login | Flask","Sign-in screen styled as an ID badge where the user can authenticate with Google or check their email for a magic link.","\u002Fexamples\u002Fapps\u002Fflask\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F61728635-c177-4939-a24d-e1cd40fb67bb.png","Login | Flask from Flask","2026-09-07T12:11:43.000Z",[163],{"id":12,"label":13,"slug":50,"rank":51,"group":164},{"id":53,"label":54,"slug":55},[166,167],{"id":63,"title":64,"slug":65},{"id":67,"title":68,"slug":69},{"slug":169,"title":170,"logo":171,"baseline":172,"categories":173},"flask","Flask","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffb0bfd95-becd-46ec-9917-a82dd6bbe601.png","Give detailed video feedback in minutes without typing comments",[174,178,182],{"id":175,"title":176,"slug":177},100,"Video","video",{"id":179,"title":180,"slug":181},23,"Collaboration","collaboration",{"id":183,"title":184,"slug":185},35,"Feedback","feedback",{"uuid":187,"title":188,"description":189,"canonical_path":190,"image":191,"width":43,"height":94,"image_alt":192,"published_at":193,"kind":47,"patterns":194,"component_categories":202,"app":214},"eae38503-6500-453b-b772-bbf230ca98ea","Airbnb | Vacation rentals, cabins, beach houses, & more","Verification modal where the user must enter a 6-digit code sent to their email to confirm their identity.","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feae38503-6500-453b-b772-bbf230ca98ea.png","Airbnb | Vacation rentals, cabins, beach houses, & more from Airbnb","2026-09-07T10:47:21.000Z",[195,200],{"id":196,"label":197,"slug":198,"rank":51,"group":199},6,"Verification","verification",{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":53,"group":201},{"id":53,"label":54,"slug":55},[203,207,211,212,213],{"id":204,"title":205,"slug":206},240,"Horizontal navigation","horizontal-navigation",{"id":208,"title":209,"slug":210},284,"Modal","modal",{"id":102,"title":103,"slug":104},{"id":63,"title":64,"slug":65},{"id":67,"title":68,"slug":69},{"slug":215,"title":216,"logo":217,"baseline":218,"categories":219},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png","Book unique homes and experience a city like a local",[220,224,228,232],{"id":221,"title":222,"slug":223},5,"Travel","travel",{"id":225,"title":226,"slug":227},12,"Hospitality","hospitality",{"id":229,"title":230,"slug":231},17,"Peer to peer","peer-to-peer",{"id":233,"title":234,"slug":235},18,"Marketplace","marketplace",{"uuid":237,"title":238,"description":239,"canonical_path":240,"image":241,"width":43,"height":94,"image_alt":242,"published_at":243,"kind":47,"patterns":244,"component_categories":256,"app":270},"900f27f1-f444-409e-a0e0-d89470cca478","Sign In | Inference.net","Sign-in page where the user attempted to authenticate with an email and password but received an invalid credentials error.","\u002Fexamples\u002Fapps\u002Finference\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F900f27f1-f444-409e-a0e0-d89470cca478.png","Sign In | Inference.net from Inference","2026-09-07T10:14:44.000Z",[245,247,254],{"id":12,"label":13,"slug":50,"rank":51,"group":246},{"id":53,"label":54,"slug":55},{"id":248,"label":249,"slug":250,"rank":53,"group":251},116,"Error","error",{"id":225,"label":252,"slug":253},"States & Feedback","states-and-feedback",{"id":57,"label":58,"slug":59,"rank":57,"group":255},{"id":53,"label":54,"slug":55},[257,261,265,269],{"id":258,"title":259,"slug":260},232,"Testimonial","testimonial",{"id":262,"title":263,"slug":264},169,"Avatar","avatar",{"id":266,"title":267,"slug":268},167,"Alert","alert",{"id":67,"title":68,"slug":69},{"slug":271,"title":272,"logo":273,"baseline":274,"categories":275},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png","Build and monitor self-improving agents.",[276,277,281,282],{"id":122,"title":123,"slug":124},{"id":278,"title":279,"slug":280},16,"Monitoring","monitoring",{"id":126,"title":127,"slug":128},{"id":77,"title":78,"slug":79},{"uuid":284,"title":285,"description":286,"canonical_path":287,"image":288,"width":43,"height":94,"image_alt":289,"published_at":290,"kind":47,"patterns":291,"component_categories":296,"app":299},"be9a005c-4940-43f2-a286-fb9886d8d779","Origin Financial","Sign-in screen where the user authenticates with Apple, Google, SSO, or email and password, alongside a promotional card highlighting a spending chart and member count.","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbe9a005c-4940-43f2-a286-fb9886d8d779.png","Origin Financial from Origin Financial","2026-08-31T10:47:43.000Z",[292,294],{"id":12,"label":13,"slug":50,"rank":51,"group":293},{"id":53,"label":54,"slug":55},{"id":57,"label":58,"slug":59,"rank":53,"group":295},{"id":53,"label":54,"slug":55},[297,298],{"id":63,"title":64,"slug":65},{"id":67,"title":68,"slug":69},{"slug":300,"title":285,"logo":301,"baseline":302,"categories":303},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png","All-in-one financial platform for budgeting, investing, and AI-powered planning",[304,305,309],{"id":114,"title":115,"slug":116},{"id":306,"title":307,"slug":308},56,"Accounting","accounting",{"id":77,"title":78,"slug":79},{"uuid":311,"title":312,"description":313,"canonical_path":314,"image":315,"width":43,"height":94,"image_alt":316,"published_at":317,"kind":47,"patterns":318,"component_categories":326,"app":329},"41467477-ceca-44a7-9478-81c460aeed43","Steel | Open-source Headless Browser API","Sign-in screen where the user is informed that a magic link has been sent to their email, featuring a countdown timer before they can request a new link.","\u002Fexamples\u002Fapps\u002Fsteel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F41467477-ceca-44a7-9478-81c460aeed43.png","Steel | Open-source Headless Browser API from Steel","2026-08-31T08:39:06.000Z",[319,321],{"id":12,"label":13,"slug":50,"rank":51,"group":320},{"id":53,"label":54,"slug":55},{"id":322,"label":323,"slug":324,"rank":53,"group":325},114,"Confirmation","confirmation",{"id":225,"label":252,"slug":253},[327,328],{"id":63,"title":64,"slug":65},{"id":67,"title":68,"slug":69},{"slug":330,"title":331,"logo":332,"baseline":333,"categories":334},"steel","Steel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png","Browser infrastructure for AI agents",[335,336,337,338],{"id":122,"title":123,"slug":124},{"id":77,"title":78,"slug":79},{"id":126,"title":127,"slug":128},{"id":339,"title":340,"slug":341},45,"Open Source","open-source",{"uuid":343,"title":344,"description":345,"canonical_path":346,"image":347,"width":43,"height":94,"image_alt":348,"published_at":349,"kind":47,"patterns":350,"component_categories":355,"app":359},"4c84d629-c863-4ef4-b02d-b8749add5e83","Riverside Studio","Sign-in screen where the user attempts to authenticate with email and password but receives an incorrect credentials error, alongside options for Google, Apple, Spotify, or SSO.","\u002Fexamples\u002Fapps\u002Friverside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4c84d629-c863-4ef4-b02d-b8749add5e83.png","Riverside Studio from Riverside","2026-08-24T09:31:05.000Z",[351,353],{"id":12,"label":13,"slug":50,"rank":51,"group":352},{"id":53,"label":54,"slug":55},{"id":248,"label":249,"slug":250,"rank":53,"group":354},{"id":225,"label":252,"slug":253},[356,357,358],{"id":208,"title":209,"slug":210},{"id":266,"title":267,"slug":268},{"id":67,"title":68,"slug":69},{"slug":360,"title":361,"logo":362,"baseline":363,"categories":364},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[365],{"id":175,"title":176,"slug":177},{"uuid":367,"title":368,"description":369,"canonical_path":370,"image":371,"width":43,"height":94,"image_alt":372,"published_at":373,"kind":47,"patterns":374,"component_categories":379,"app":381},"61c26c9b-ee5e-46a5-91fb-211ec4dcbf12","Login - Axiom","Sign-in screen where the user authenticates with GitHub, Google, SAML, or verifies a pre-filled login token.","\u002Fexamples\u002Fapps\u002Faxiom\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F61c26c9b-ee5e-46a5-91fb-211ec4dcbf12.png","Login - Axiom from Axiom","2026-08-18T09:00:19.000Z",[375,377],{"id":12,"label":13,"slug":50,"rank":51,"group":376},{"id":53,"label":54,"slug":55},{"id":196,"label":197,"slug":198,"rank":53,"group":378},{"id":53,"label":54,"slug":55},[380],{"id":67,"title":68,"slug":69},{"slug":382,"title":383,"logo":384,"baseline":385,"categories":386},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png","The modern machine data platform.",[387,391,395,396],{"id":388,"title":389,"slug":390},46,"Analytics","analytics",{"id":392,"title":393,"slug":394},57,"Big data","big-data",{"id":278,"title":279,"slug":280},{"id":122,"title":123,"slug":124},{"uuid":398,"title":399,"description":400,"canonical_path":401,"image":402,"width":43,"height":94,"image_alt":403,"published_at":404,"kind":47,"patterns":405,"component_categories":410,"app":414},"1434dee5-693d-4e7f-95b6-98d6f56929a0","extend","Authentication screen where the user is prompted to log in or sign up after encountering an invalid magic link error, featuring a region switcher and a social proof illustration.","\u002Fexamples\u002Fapps\u002Fextend\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1434dee5-693d-4e7f-95b6-98d6f56929a0.png","extend from Extend","2026-08-17T12:39:21.000Z",[406,408],{"id":248,"label":249,"slug":250,"rank":51,"group":407},{"id":225,"label":252,"slug":253},{"id":12,"label":13,"slug":50,"rank":53,"group":409},{"id":53,"label":54,"slug":55},[411,412,413],{"id":266,"title":267,"slug":268},{"id":102,"title":103,"slug":104},{"id":67,"title":68,"slug":69},{"slug":399,"title":415,"logo":416,"baseline":417,"categories":418},"Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[419,423,424,425],{"id":420,"title":421,"slug":422},77,"Machine learning","machine-learning",{"id":77,"title":78,"slug":79},{"id":126,"title":127,"slug":128},{"id":122,"title":123,"slug":124},{"uuid":427,"title":428,"description":429,"canonical_path":430,"image":431,"width":43,"height":94,"image_alt":432,"published_at":433,"kind":47,"patterns":434,"component_categories":439,"app":442},"753b51c2-38b1-4393-b252-1f25dd7aecdc","Lithic - Login","Verification screen where the user enters a one-time passcode sent to their email to confirm their identity and optionally remembers the device.","\u002Fexamples\u002Fapps\u002Flithic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F753b51c2-38b1-4393-b252-1f25dd7aecdc.png","Lithic - Login from Lithic","2026-07-20T18:29:48.000Z",[435,437],{"id":196,"label":197,"slug":198,"rank":51,"group":436},{"id":53,"label":54,"slug":55},{"id":12,"label":13,"slug":50,"rank":53,"group":438},{"id":53,"label":54,"slug":55},[440,441],{"id":63,"title":64,"slug":65},{"id":67,"title":68,"slug":69},{"slug":443,"title":444,"logo":445,"baseline":446,"categories":447},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[448,449,450],{"id":114,"title":115,"slug":116},{"id":118,"title":119,"slug":120},{"id":126,"title":127,"slug":128},[],[453,456,458,460,462,465,468,471,474,477,480,483,486,489,492,495],{"label":249,"to":454,"count":455},"\u002Fexamples\u002Fscreens\u002Ferror",3,{"label":58,"to":457,"count":455},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":197,"to":459,"count":455},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":323,"to":461,"count":53},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":463,"to":464},"Bud design examples","\u002Fexamples\u002Fapps\u002Fbud",{"label":466,"to":467},"Polar design examples","\u002Fexamples\u002Fapps\u002Fpolar",{"label":469,"to":470},"Alloy design examples","\u002Fexamples\u002Fapps\u002Falloy",{"label":472,"to":473},"Flask design examples","\u002Fexamples\u002Fapps\u002Fflask",{"label":475,"to":476},"Airbnb design examples","\u002Fexamples\u002Fapps\u002Fairbnb",{"label":478,"to":479},"Inference design examples","\u002Fexamples\u002Fapps\u002Finference",{"label":481,"to":482},"Origin Financial design examples","\u002Fexamples\u002Fapps\u002Fuseorigin",{"label":484,"to":485},"Steel design examples","\u002Fexamples\u002Fapps\u002Fsteel",{"label":487,"to":488},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":490,"to":491},"Axiom design examples","\u002Fexamples\u002Fapps\u002Faxiom",{"label":493,"to":494},"Extend design examples","\u002Fexamples\u002Fapps\u002Fextend",{"label":496,"to":497},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"published_at":499,"updated_at":500},"2026-05-13T12:40:02.000Z","2026-09-26T20:10:00.830Z"]