[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Flog-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":33,"showcases":419,"links":420,"dates":468},"\u002Fexamples\u002Ftags\u002Flog-in","collection","screens",true,{"example_count":9,"app_count":10},1223,432,{"id":12,"title":13,"description":14},4542,"Log in","",{"title":16,"description":17,"og_image":18},"Log in screen examples - Nicelydone","Log in screen design examples from SaaS apps. Browse examples from Dock, Lovable, Maze.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F22c56380-91da-4cf3-8d25-0e9d51fb84fa.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Log in screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"1223 screens",[34,82,121,153,194,225,261,293,315,339,364,391],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":59,"app":68},"22c56380-91da-4cf3-8d25-0e9d51fb84fa","Login | Salesforce","Sign-in screen where the user authenticates with their username and password, with options to remember the device or use a custom domain.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",3024,1758,"Login | Salesforce from Dock","2026-07-13T15:30:47.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},4,"Sign In","sign-in",0,{"id":51,"label":52,"slug":53},1,"Access & Account","access-and-account",{"id":55,"label":56,"slug":57,"rank":51,"group":58},2,"Forgot Password","forgot-password",{"id":51,"label":52,"slug":53},[60,64],{"id":61,"title":62,"slug":63},174,"Card","card",{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":69,"title":70,"logo":71,"baseline":72,"categories":73},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[74,78],{"id":75,"title":76,"slug":77},23,"Collaboration","collaboration",{"id":79,"title":80,"slug":81},29,"Task Management","task-management",{"uuid":83,"title":84,"description":85,"canonical_path":86,"image":87,"width":39,"height":40,"image_alt":88,"published_at":89,"kind":43,"patterns":90,"component_categories":101,"app":103},"f7e33927-a968-44c1-bf31-5a066013d5f2","Login","Sign-in screen where the user authenticates with Google, GitHub, Apple, or email, alongside a visual teaser of the product's AI prompt interface.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff7e33927-a968-44c1-bf31-5a066013d5f2.png","Login from Lovable","2026-05-18T10:58:24.000Z",[91,93],{"id":46,"label":47,"slug":48,"rank":49,"group":92},{"id":51,"label":52,"slug":53},{"id":94,"label":95,"slug":96,"rank":51,"group":97},28,"AI Chat","ai-chat",{"id":98,"label":99,"slug":100},3,"AI","ai",[102],{"id":65,"title":66,"slug":67},{"slug":104,"title":105,"logo":106,"baseline":107,"categories":108},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[109,113,117],{"id":110,"title":111,"slug":112},80,"Artificial Intelligence","artificial-intelligence",{"id":114,"title":115,"slug":116},7,"Web Development","web-development",{"id":118,"title":119,"slug":120},96,"No code","no-code",{"uuid":122,"title":123,"description":124,"canonical_path":125,"image":126,"width":127,"height":128,"image_alt":129,"published_at":130,"kind":43,"patterns":131,"component_categories":134,"app":136},"1a9737c5-30f1-44cf-84b6-df46b7d642e3","Maze","Sign-in screen where the user authenticates with email, Google, or SSO, featuring a success notification toast.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1a9737c5-30f1-44cf-84b6-df46b7d642e3.png",2880,1670,"Maze from Maze","2026-04-20T14:45:59.000Z",[132],{"id":55,"label":56,"slug":57,"rank":49,"group":133},{"id":51,"label":52,"slug":53},[135],{"id":65,"title":66,"slug":67},{"slug":137,"title":123,"logo":138,"baseline":139,"categories":140},"maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[141,145,149],{"id":142,"title":143,"slug":144},8,"Design","design",{"id":146,"title":147,"slug":148},69,"Surveys","surveys",{"id":150,"title":151,"slug":152},104,"User Research","user-research",{"uuid":154,"title":155,"description":156,"canonical_path":157,"image":158,"width":39,"height":159,"image_alt":160,"published_at":161,"kind":43,"patterns":162,"component_categories":172,"app":182},"989f63f1-a273-47d6-9ea7-7b4ea6041b47","Guest file \u002F Guest project - Morphic Studio","Signup screen where the user authenticates with Google, Passkey, or email to access the canvas editor.","\u002Fexamples\u002Fapps\u002Fmorphic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F989f63f1-a273-47d6-9ea7-7b4ea6041b47.png",1780,"Guest file \u002F Guest project - Morphic Studio from Morphic","2026-03-16T20:52:14.000Z",[163,168],{"id":164,"label":165,"slug":166,"rank":49,"group":167},5,"Sign Up","sign-up",{"id":51,"label":52,"slug":53},{"id":51,"label":169,"slug":170,"rank":51,"group":171},"Account Setup","account-setup",{"id":51,"label":52,"slug":53},[173,177,181],{"id":174,"title":175,"slug":176},240,"Horizontal navigation","horizontal-navigation",{"id":178,"title":179,"slug":180},284,"Modal","modal",{"id":65,"title":66,"slug":67},{"slug":183,"title":184,"logo":185,"baseline":186,"categories":187},"morphic","Morphic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F17b1263a-8707-435d-8214-460280911e23.png","A new era of storytelling",[188,192,193],{"id":189,"title":190,"slug":191},100,"Video","video",{"id":142,"title":143,"slug":144},{"id":110,"title":111,"slug":112},{"uuid":195,"title":196,"description":197,"canonical_path":198,"image":199,"width":39,"height":159,"image_alt":200,"published_at":201,"kind":43,"patterns":202,"component_categories":205,"app":208},"32990b6f-ea16-4b81-9853-438d497ab881","Meetup | Find Local Groups, Events, and Activities Near You","Sign-in screen where the user authenticates with Google, Apple, Facebook, or an existing email and password.","\u002Fexamples\u002Fapps\u002Fmeetup\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F32990b6f-ea16-4b81-9853-438d497ab881.png","Meetup | Find Local Groups, Events, and Activities Near You from Meetup","2026-03-09T10:46:46.000Z",[203],{"id":55,"label":56,"slug":57,"rank":49,"group":204},{"id":51,"label":52,"slug":53},[206,207],{"id":178,"title":179,"slug":180},{"id":65,"title":66,"slug":67},{"slug":209,"title":210,"logo":211,"baseline":212,"categories":213},"meetup","Meetup","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F123bdad2-d673-4999-b9a4-477472b558c3.png","Find local groups, events, and activities near you",[214,217,221],{"id":51,"title":215,"slug":216},"Communities","communities",{"id":218,"title":219,"slug":220},14,"Social","social",{"id":222,"title":223,"slug":224},26,"Events","events",{"uuid":226,"title":227,"description":228,"canonical_path":229,"image":230,"width":39,"height":159,"image_alt":231,"published_at":232,"kind":43,"patterns":233,"component_categories":236,"app":242},"de58e9c8-b8f4-4ef3-b223-b768e2e10fd2","Firecrawl - The Web Data API for AI","Sign-in screen where the user authenticates with email and password, magic link, GitHub, Google, or SSO.","\u002Fexamples\u002Fapps\u002Ffirecrawl\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fde58e9c8-b8f4-4ef3-b223-b768e2e10fd2.png","Firecrawl - The Web Data API for AI from Firecrawl","2025-10-13T15:36:43.000Z",[234],{"id":46,"label":47,"slug":48,"rank":49,"group":235},{"id":51,"label":52,"slug":53},[237,241],{"id":238,"title":239,"slug":240},233,"Tabs","tabs",{"id":65,"title":66,"slug":67},{"slug":243,"title":244,"logo":245,"baseline":246,"categories":247},"firecrawl","Firecrawl","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffirecrawl-5r4fbfp0.png","Turn websites into LLM-ready data",[248,249,253,257],{"id":110,"title":111,"slug":112},{"id":250,"title":251,"slug":252},37,"Developer APIs","developer-apis",{"id":254,"title":255,"slug":256},45,"Open Source","open-source",{"id":258,"title":259,"slug":260},48,"Developer Tools","developer-tools",{"uuid":262,"title":263,"description":264,"canonical_path":265,"image":266,"width":39,"height":159,"image_alt":267,"published_at":268,"kind":43,"patterns":269,"component_categories":272,"app":274},"b9ef3c03-0ce5-4a24-972d-c8a971b06004","Login - Circleback","Sign-in screen where the user authenticates with Google, Apple, or an email magic link.","\u002Fexamples\u002Fapps\u002Fcircleback\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb9ef3c03-0ce5-4a24-972d-c8a971b06004.png","Login - Circleback from Circleback","2025-10-13T14:40:38.000Z",[270],{"id":46,"label":47,"slug":48,"rank":49,"group":271},{"id":51,"label":52,"slug":53},[273],{"id":65,"title":66,"slug":67},{"slug":275,"title":276,"logo":277,"baseline":278,"categories":279},"circleback","Circleback","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcircleback-srajedn3.png","Unbelievably good meeting notes",[280,284,288,292],{"id":281,"title":282,"slug":283},30,"Productivity","productivity",{"id":285,"title":286,"slug":287},82,"Communication","communication",{"id":289,"title":290,"slug":291},22,"Knowledge Management","knowledge-management",{"id":110,"title":111,"slug":112},{"uuid":294,"title":295,"description":296,"canonical_path":297,"image":298,"width":39,"height":159,"image_alt":299,"published_at":300,"kind":43,"patterns":301,"component_categories":304,"app":306},"186e7c51-b2a8-49f5-831a-2dad4e599e8b","Capsule","Sign-in screen where the user authenticates to their specific Nicelydone club workspace using a username and password.","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F186e7c51-b2a8-49f5-831a-2dad4e599e8b.png","Capsule from Capsule","2025-10-06T13:33:45.000Z",[302],{"id":46,"label":47,"slug":48,"rank":49,"group":303},{"id":51,"label":52,"slug":53},[305],{"id":65,"title":66,"slug":67},{"slug":307,"title":295,"logo":308,"baseline":309,"categories":310},"capsule","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcapsule-crm-435e73bb.png","CRM Made Simple",[311],{"id":312,"title":313,"slug":314},53,"CRM","crm",{"uuid":316,"title":317,"description":318,"canonical_path":319,"image":320,"width":39,"height":159,"image_alt":321,"published_at":322,"kind":43,"patterns":323,"component_categories":326,"app":328},"b4a49436-24ee-428c-9c53-a14a5ee31606","Workflow","Sign-in screen where the user enters their email address to log in or navigates to create a new account.","\u002Fexamples\u002Fapps\u002Fworkflow\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb4a49436-24ee-428c-9c53-a14a5ee31606.png","Workflow from Workflow","2025-09-30T08:25:02.000Z",[324],{"id":164,"label":165,"slug":166,"rank":49,"group":325},{"id":51,"label":52,"slug":53},[327],{"id":65,"title":66,"slug":67},{"slug":329,"title":317,"logo":330,"baseline":331,"categories":332},"workflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fworkflow-n6ecc4wx.png","Design feedback and revisions, all in one place",[333,334,335],{"id":142,"title":143,"slug":144},{"id":75,"title":76,"slug":77},{"id":336,"title":337,"slug":338},35,"Feedback","feedback",{"uuid":340,"title":341,"description":342,"canonical_path":343,"image":344,"width":39,"height":159,"image_alt":345,"published_at":346,"kind":43,"patterns":347,"component_categories":352,"app":357},"1f741fa6-1076-4d7a-b9bd-3eb047989b41","Wynde","Signup screen where the user creates a new workspace using Google OAuth or an email address.","\u002Fexamples\u002Fapps\u002Fwynde\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f741fa6-1076-4d7a-b9bd-3eb047989b41.png","Wynde from Wynde","2025-09-22T14:01:52.000Z",[348,350],{"id":164,"label":165,"slug":166,"rank":49,"group":349},{"id":51,"label":52,"slug":53},{"id":51,"label":169,"slug":170,"rank":51,"group":351},{"id":51,"label":52,"slug":53},[353,354,355,356],{"id":174,"title":175,"slug":176},{"id":238,"title":239,"slug":240},{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":358,"title":341,"logo":359,"baseline":360,"categories":361},"wynde","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwynde-juzny2qf.png","Take the guesswork out",[362,363],{"id":142,"title":143,"slug":144},{"id":150,"title":151,"slug":152},{"uuid":365,"title":366,"description":367,"canonical_path":368,"image":369,"width":39,"height":159,"image_alt":370,"published_at":371,"kind":43,"patterns":372,"component_categories":375,"app":378},"78a77a84-11bc-4ffc-a896-fec7697e57c3","Sign up | Zapier","Signup page where the user creates an account using Google or an email address, with a value proposition and logo wall displayed alongside the form.","\u002Fexamples\u002Fapps\u002Fzapier\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F78a77a84-11bc-4ffc-a896-fec7697e57c3.png","Sign up | Zapier from Zapier","2025-07-28T14:04:12.000Z",[373],{"id":164,"label":165,"slug":166,"rank":49,"group":374},{"id":51,"label":52,"slug":53},[376,377],{"id":61,"title":62,"slug":63},{"id":65,"title":66,"slug":67},{"slug":379,"title":380,"logo":381,"baseline":382,"categories":383},"zapier","Zapier","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fzapier-6740bd20.png","Connect Your Apps and Automate Workflows",[384,385,386,387],{"id":250,"title":251,"slug":252},{"id":258,"title":259,"slug":260},{"id":110,"title":111,"slug":112},{"id":388,"title":389,"slug":390},105,"Workflow Automation","workflow-automation",{"uuid":392,"title":393,"description":394,"canonical_path":395,"image":396,"width":39,"height":159,"image_alt":397,"published_at":398,"kind":43,"patterns":399,"component_categories":402,"app":404},"6673c721-00bb-4cf8-b4cf-b14e31542ac1","Login to your Scale Account - Scale","Sign-in screen where the user authenticates with Google, GitHub, or email and password, showing a successful logout confirmation toast.","\u002Fexamples\u002Fapps\u002Fscale\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6673c721-00bb-4cf8-b4cf-b14e31542ac1.png","Login to your Scale Account - Scale from Scale","2025-07-28T13:24:59.000Z",[400],{"id":46,"label":47,"slug":48,"rank":49,"group":401},{"id":51,"label":52,"slug":53},[403],{"id":65,"title":66,"slug":67},{"slug":405,"title":406,"logo":407,"baseline":408,"categories":409},"scale","Scale","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fscale-2d049dde.png","The data platform for AI",[410,411,415],{"id":110,"title":111,"slug":112},{"id":412,"title":413,"slug":414},57,"Big data","big-data",{"id":416,"title":417,"slug":418},77,"Machine learning","machine-learning",[],[421,424,426,428,430,432,435,438,441,444,447,450,453,456,459,462,465],{"label":47,"to":422,"count":423},"\u002Fexamples\u002Fscreens\u002Fsign-in",6,{"label":165,"to":425,"count":46},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":56,"to":427,"count":98},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":169,"to":429,"count":55},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":95,"to":431,"count":51},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":433,"to":434},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":436,"to":437},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":439,"to":440},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":442,"to":443},"Morphic design examples","\u002Fexamples\u002Fapps\u002Fmorphic",{"label":445,"to":446},"Meetup design examples","\u002Fexamples\u002Fapps\u002Fmeetup",{"label":448,"to":449},"Firecrawl design examples","\u002Fexamples\u002Fapps\u002Ffirecrawl",{"label":451,"to":452},"Circleback design examples","\u002Fexamples\u002Fapps\u002Fcircleback",{"label":454,"to":455},"Capsule design examples","\u002Fexamples\u002Fapps\u002Fcapsule",{"label":457,"to":458},"Workflow design examples","\u002Fexamples\u002Fapps\u002Fworkflow",{"label":460,"to":461},"Wynde design examples","\u002Fexamples\u002Fapps\u002Fwynde",{"label":463,"to":464},"Zapier design examples","\u002Fexamples\u002Fapps\u002Fzapier",{"label":466,"to":467},"Scale design examples","\u002Fexamples\u002Fapps\u002Fscale",{"published_at":469,"updated_at":470},"2024-12-11T11:47:23.000Z","2026-09-09T17:07:16.000Z"]