[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fuser-authentication":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":439,"links":440,"dates":489},"\u002Fexamples\u002Ftags\u002Fuser-authentication","collection","screens",true,{"example_count":9,"app_count":10},3511,553,{"id":12,"title":13,"description":14},340,"User authentication","",{"title":16,"description":17,"og_image":18},"User authentication screen examples - Nicelydone","User authentication screen design examples from SaaS apps. Browse examples from Dock, Beside, Flora.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2950296f-28d1-491d-a552-106f445a0f09.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"User authentication screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"3511 screens",[34,77,112,143,176,206,235,264,293,328,372,408],{"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":54,"app":63},"2950296f-28d1-491d-a552-106f445a0f09","Login · Dock","Sign-in screen where the user authenticates to the nicelydoneclub workspace using their email and password.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens",3024,1758,"Login · Dock from Dock","2026-07-13T15:30:47.000Z","screen",[45],{"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",[55,59],{"id":56,"title":57,"slug":58},174,"Card","card",{"id":60,"title":61,"slug":62},175,"Button","button",{"slug":64,"title":65,"logo":66,"baseline":67,"categories":68},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[69,73],{"id":70,"title":71,"slug":72},23,"Collaboration","collaboration",{"id":74,"title":75,"slug":76},29,"Task Management","task-management",{"uuid":78,"title":79,"description":80,"canonical_path":81,"image":82,"width":39,"height":40,"image_alt":83,"published_at":84,"kind":43,"patterns":85,"component_categories":88,"app":90},"40a4be40-ae04-44f3-9191-e81c085fb3e6","Sign In - Beside","Sign-in screen where the user authenticates with Google, Apple, email, or phone.","\u002Fexamples\u002Fapps\u002Fbeside\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F40a4be40-ae04-44f3-9191-e81c085fb3e6.png","Sign In - Beside from Beside","2026-06-29T18:30:01.000Z",[86],{"id":46,"label":47,"slug":48,"rank":49,"group":87},{"id":51,"label":52,"slug":53},[89],{"id":60,"title":61,"slug":62},{"slug":91,"title":92,"logo":93,"baseline":94,"categories":95},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png","AI-powered business phone assistant that answers calls and takes action",[96,100,104,108],{"id":97,"title":98,"slug":99},80,"Artificial Intelligence","artificial-intelligence",{"id":101,"title":102,"slug":103},47,"Customer Service","customer-service",{"id":105,"title":106,"slug":107},53,"CRM","crm",{"id":109,"title":110,"slug":111},82,"Communication","communication",{"uuid":113,"title":114,"description":115,"canonical_path":116,"image":117,"width":39,"height":40,"image_alt":118,"published_at":119,"kind":43,"patterns":120,"component_categories":128,"app":131},"14bb42f5-35d4-40bc-bdff-775169bca6fb","FLORA","Sign-in screen where the user authenticates with Google, Microsoft, or email and password, featuring a split layout with a surreal image.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14bb42f5-35d4-40bc-bdff-775169bca6fb.png","FLORA from Flora","2026-05-26T09:34:20.000Z",[121,123],{"id":46,"label":47,"slug":48,"rank":49,"group":122},{"id":51,"label":52,"slug":53},{"id":124,"label":125,"slug":126,"rank":51,"group":127},2,"Forgot Password","forgot-password",{"id":51,"label":52,"slug":53},[129,130],{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"slug":132,"title":133,"logo":134,"baseline":135,"categories":136},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[137,138,142],{"id":97,"title":98,"slug":99},{"id":139,"title":140,"slug":141},8,"Design","design",{"id":70,"title":71,"slug":72},{"uuid":144,"title":145,"description":146,"canonical_path":147,"image":148,"width":39,"height":40,"image_alt":149,"published_at":150,"kind":43,"patterns":151,"component_categories":159,"app":161},"181f95b5-cea0-45b6-978a-148d1b2c9401","Login","Verification screen where the user enters a 6-digit authenticator code to complete sign-in.","\u002Fexamples\u002Fapps\u002Flovable\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F181f95b5-cea0-45b6-978a-148d1b2c9401.png","Login from Lovable","2026-05-18T10:58:24.000Z",[152,157],{"id":153,"label":154,"slug":155,"rank":49,"group":156},6,"Verification","verification",{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":51,"group":158},{"id":51,"label":52,"slug":53},[160],{"id":60,"title":61,"slug":62},{"slug":162,"title":163,"logo":164,"baseline":165,"categories":166},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[167,168,172],{"id":97,"title":98,"slug":99},{"id":169,"title":170,"slug":171},7,"Web Development","web-development",{"id":173,"title":174,"slug":175},96,"No code","no-code",{"uuid":177,"title":178,"description":179,"canonical_path":180,"image":181,"width":39,"height":40,"image_alt":182,"published_at":183,"kind":43,"patterns":184,"component_categories":187,"app":190},"daa43952-0d7c-4870-bc53-4fa2b7d08a20","Login | Amie","Sign-in screen where the user authenticates with Google, set against a decorative background of floating calendar and task cards.","\u002Fexamples\u002Fapps\u002Famie\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdaa43952-0d7c-4870-bc53-4fa2b7d08a20.png","Login | Amie from Amie","2026-05-18T09:02:08.000Z",[185],{"id":46,"label":47,"slug":48,"rank":49,"group":186},{"id":51,"label":52,"slug":53},[188,189],{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"slug":191,"title":192,"logo":193,"baseline":194,"categories":195},"amie","Amie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png","The joyful productivity app",[196,200,201,205],{"id":197,"title":198,"slug":199},101,"Calendar","calendar",{"id":74,"title":75,"slug":76},{"id":202,"title":203,"slug":204},30,"Productivity","productivity",{"id":97,"title":98,"slug":99},{"uuid":207,"title":145,"description":208,"canonical_path":209,"image":210,"width":39,"height":40,"image_alt":211,"published_at":212,"kind":43,"patterns":213,"component_categories":216,"app":219},"449efffa-d490-4822-b35e-0989fc3f171a","Sign-in screen where the user enters a one-time verification code sent to their email to authenticate, or opts for Google SSO.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F449efffa-d490-4822-b35e-0989fc3f171a.png","Login from Navattic","2026-05-05T10:32:31.000Z",[214],{"id":46,"label":47,"slug":48,"rank":49,"group":215},{"id":51,"label":52,"slug":53},[217,218],{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"slug":220,"title":221,"logo":222,"baseline":223,"categories":224},"navattic","Navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[225,229,230,231],{"id":226,"title":227,"slug":228},25,"Marketing","marketing",{"id":97,"title":98,"slug":99},{"id":173,"title":174,"slug":175},{"id":232,"title":233,"slug":234},103,"Demo Automation","demo-automation",{"uuid":236,"title":237,"description":238,"canonical_path":239,"image":240,"width":39,"height":241,"image_alt":242,"published_at":243,"kind":43,"patterns":244,"component_categories":247,"app":249},"18ba8fe7-17c3-425e-808f-5d505ad9e31a","Check your email","Verification screen where the user enters a 6-digit code sent to their email address to authenticate.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F18ba8fe7-17c3-425e-808f-5d505ad9e31a.png",1588,"Check your email from Liveblocks","2026-04-27T19:43:19.000Z",[245],{"id":153,"label":154,"slug":155,"rank":49,"group":246},{"id":51,"label":52,"slug":53},[248],{"id":56,"title":57,"slug":58},{"slug":250,"title":251,"logo":252,"baseline":253,"categories":254},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[255,259,260],{"id":256,"title":257,"slug":258},48,"Developer Tools","developer-tools",{"id":70,"title":71,"slug":72},{"id":261,"title":262,"slug":263},37,"Developer APIs","developer-apis",{"uuid":265,"title":266,"description":267,"canonical_path":268,"image":269,"width":270,"height":271,"image_alt":272,"published_at":273,"kind":43,"patterns":274,"component_categories":277,"app":279},"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",[275],{"id":124,"label":125,"slug":126,"rank":49,"group":276},{"id":51,"label":52,"slug":53},[278],{"id":60,"title":61,"slug":62},{"slug":280,"title":266,"logo":281,"baseline":282,"categories":283},"maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[284,285,289],{"id":139,"title":140,"slug":141},{"id":286,"title":287,"slug":288},69,"Surveys","surveys",{"id":290,"title":291,"slug":292},104,"User Research","user-research",{"uuid":294,"title":295,"description":296,"canonical_path":297,"image":298,"width":39,"height":299,"image_alt":300,"published_at":301,"kind":43,"patterns":302,"component_categories":307,"app":313},"5016dd95-0d81-4513-ba1c-d5e0c0fd658d","Cushion","Onboarding screen where the user selects an existing workspace or creates a new one to proceed into the application.","\u002Fexamples\u002Fapps\u002Fcushion-so\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5016dd95-0d81-4513-ba1c-d5e0c0fd658d.png",1776,"Cushion from Cushion","2026-04-14T11:44:00.000Z",[303],{"id":51,"label":304,"slug":305,"rank":49,"group":306},"Account Setup","account-setup",{"id":51,"label":52,"slug":53},[308,312],{"id":309,"title":310,"slug":311},169,"Avatar","avatar",{"id":56,"title":57,"slug":58},{"slug":314,"title":295,"logo":315,"baseline":316,"categories":317},"cushion-so","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd3bfd512-8e39-4369-9b22-a647bf6a1868.png","Work messaging that keeps your team organised",[318,319,323,324],{"id":70,"title":71,"slug":72},{"id":320,"title":321,"slug":322},42,"Messaging","messaging",{"id":109,"title":110,"slug":111},{"id":325,"title":326,"slug":327},89,"Remote","remote",{"uuid":329,"title":330,"description":331,"canonical_path":332,"image":333,"width":39,"height":299,"image_alt":334,"published_at":335,"kind":43,"patterns":336,"component_categories":347,"app":355},"dcb715cf-be03-403a-bbb6-4c9bdebd4cd0","Found","Dashboard with a modal overlay where the user is submitting a new password, currently showing a loading spinner.","\u002Fexamples\u002Fapps\u002Ffound\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdcb715cf-be03-403a-bbb6-4c9bdebd4cd0.png","Found from Found","2026-03-30T13:28:50.000Z",[337,339],{"id":124,"label":125,"slug":126,"rank":49,"group":338},{"id":51,"label":52,"slug":53},{"id":340,"label":341,"slug":342,"rank":51,"group":343},120,"Loading","loading",{"id":344,"label":345,"slug":346},12,"States & Feedback","states-and-feedback",[348,349,353,354],{"id":309,"title":310,"slug":311},{"id":350,"title":351,"slug":352},284,"Modal","modal",{"id":56,"title":57,"slug":58},{"id":60,"title":61,"slug":62},{"slug":356,"title":330,"logo":357,"baseline":358,"categories":359},"found","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6e62a187-70b0-4e5c-8c4a-790249b945b0.png","Smarter banking for your business",[360,364,368],{"id":361,"title":362,"slug":363},36,"Finance","finance",{"id":365,"title":366,"slug":367},39,"Payments","payments",{"id":369,"title":370,"slug":371},56,"Accounting","accounting",{"uuid":373,"title":374,"description":375,"canonical_path":376,"image":377,"width":39,"height":378,"image_alt":379,"published_at":380,"kind":43,"patterns":381,"component_categories":389,"app":396},"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",[382,387],{"id":383,"label":384,"slug":385,"rank":49,"group":386},5,"Sign Up","sign-up",{"id":51,"label":52,"slug":53},{"id":51,"label":304,"slug":305,"rank":51,"group":388},{"id":51,"label":52,"slug":53},[390,394,395],{"id":391,"title":392,"slug":393},240,"Horizontal navigation","horizontal-navigation",{"id":350,"title":351,"slug":352},{"id":60,"title":61,"slug":62},{"slug":397,"title":398,"logo":399,"baseline":400,"categories":401},"morphic","Morphic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F17b1263a-8707-435d-8214-460280911e23.png","A new era of storytelling",[402,406,407],{"id":403,"title":404,"slug":405},100,"Video","video",{"id":139,"title":140,"slug":141},{"id":97,"title":98,"slug":99},{"uuid":409,"title":410,"description":411,"canonical_path":412,"image":413,"width":39,"height":378,"image_alt":414,"published_at":415,"kind":43,"patterns":416,"component_categories":419,"app":422},"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",[417],{"id":124,"label":125,"slug":126,"rank":49,"group":418},{"id":51,"label":52,"slug":53},[420,421],{"id":350,"title":351,"slug":352},{"id":60,"title":61,"slug":62},{"slug":423,"title":424,"logo":425,"baseline":426,"categories":427},"meetup","Meetup","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F123bdad2-d673-4999-b9a4-477472b558c3.png","Find local groups, events, and activities near you",[428,431,435],{"id":51,"title":429,"slug":430},"Communities","communities",{"id":432,"title":433,"slug":434},14,"Social","social",{"id":436,"title":437,"slug":438},26,"Events","events",[],[441,443,445,447,449,451,453,456,459,462,465,468,471,474,477,480,483,486],{"label":47,"to":442,"count":153},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":125,"to":444,"count":46},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":304,"to":446,"count":124},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":154,"to":448,"count":124},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":341,"to":450,"count":51},"\u002Fexamples\u002Fscreens\u002Floading",{"label":384,"to":452,"count":51},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":454,"to":455},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":457,"to":458},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":460,"to":461},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":463,"to":464},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":466,"to":467},"Amie design examples","\u002Fexamples\u002Fapps\u002Famie",{"label":469,"to":470},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":472,"to":473},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"label":475,"to":476},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":478,"to":479},"Cushion design examples","\u002Fexamples\u002Fapps\u002Fcushion-so",{"label":481,"to":482},"Found design examples","\u002Fexamples\u002Fapps\u002Ffound",{"label":484,"to":485},"Morphic design examples","\u002Fexamples\u002Fapps\u002Fmorphic",{"label":487,"to":488},"Meetup design examples","\u002Fexamples\u002Fapps\u002Fmeetup",{"published_at":490,"updated_at":491},"2024-12-11T09:56:46.000Z","2026-09-26T02:35:10.471Z"]