[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fauthentication":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":455,"links":456,"dates":507},"\u002Fexamples\u002Ftags\u002Fauthentication","collection","screens",true,{"example_count":9,"app_count":10},6086,574,{"id":12,"title":13,"description":14},57,"Authentication","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},"Authentication screen examples - Nicelydone","Authentication 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\u002F673c0009-1be0-4b55-8523-6bfb1beed6b8.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Authentication screen examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"Tag category","Authentication 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 Authentication",[],[36],"6086 screens",[38,85,119,154,206,231,279,308,337,370,395,425],{"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":67},"673c0009-1be0-4b55-8523-6bfb1beed6b8","My account | Bud","Sign-in screen where the user authenticates with Google or enters their email address to continue.","\u002Fexamples\u002Fapps\u002Fbud\u002Fmarketing",3012,1734,"My account | Bud from Bud","2026-09-21T19:04:27.000Z","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63],{"id":60,"title":61,"slug":62},174,"Card","card",{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":68,"title":69,"logo":70,"baseline":71,"categories":72},"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.",[73,77,81],{"id":74,"title":75,"slug":76},80,"Artificial Intelligence","artificial-intelligence",{"id":78,"title":79,"slug":80},103,"Demo Automation","demo-automation",{"id":82,"title":83,"slug":84},105,"Workflow Automation","workflow-automation",{"uuid":86,"title":87,"description":88,"canonical_path":89,"image":90,"width":91,"height":92,"image_alt":93,"published_at":94,"kind":47,"patterns":95,"component_categories":98,"app":101},"ec928aea-3957-4ddc-928a-6df07d83a55d","Login | Flask","Sign-in screen where the user authenticates via Google or by entering their email address inside a physical badge-styled card.","\u002Fexamples\u002Fapps\u002Fflask\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fec928aea-3957-4ddc-928a-6df07d83a55d.png",3024,1758,"Login | Flask from Flask","2026-09-07T12:11:43.000Z",[96],{"id":50,"label":51,"slug":52,"rank":53,"group":97},{"id":55,"label":56,"slug":57},[99,100],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":102,"title":103,"logo":104,"baseline":105,"categories":106},"flask","Flask","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffb0bfd95-becd-46ec-9917-a82dd6bbe601.png","Give detailed video feedback in minutes without typing comments",[107,111,115],{"id":108,"title":109,"slug":110},100,"Video","video",{"id":112,"title":113,"slug":114},23,"Collaboration","collaboration",{"id":116,"title":117,"slug":118},35,"Feedback","feedback",{"uuid":120,"title":121,"description":122,"canonical_path":123,"image":124,"width":91,"height":92,"image_alt":125,"published_at":126,"kind":47,"patterns":127,"component_categories":133,"app":136},"af9e4386-6729-4f0d-a584-dffa511281e3","Lithic - Sign Up","Signup screen where the user agrees to terms and enters their email and password or authenticates with Google.","\u002Fexamples\u002Fapps\u002Flithic\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf9e4386-6729-4f0d-a584-dffa511281e3.png","Lithic - Sign Up from Lithic","2026-07-20T18:29:48.000Z",[128],{"id":129,"label":130,"slug":131,"rank":53,"group":132},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},[134,135],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":137,"title":138,"logo":139,"baseline":140,"categories":141},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png","Programmable card issuing and money movement platform",[142,146,150],{"id":143,"title":144,"slug":145},36,"Finance","finance",{"id":147,"title":148,"slug":149},39,"Payments","payments",{"id":151,"title":152,"slug":153},37,"Developer APIs","developer-apis",{"uuid":155,"title":156,"description":157,"canonical_path":158,"image":159,"width":91,"height":92,"image_alt":160,"published_at":161,"kind":47,"patterns":162,"component_categories":185,"app":196},"fb242c4d-ea49-4e6e-84a7-4489bf9920e1","API keys - Account - Visitors","Settings page where the user can manage and create API keys for their account.","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffb242c4d-ea49-4e6e-84a7-4489bf9920e1.png","API keys - Account - Visitors from Visitors","2026-07-20T12:18:36.000Z",[163,171,176],{"id":164,"label":165,"slug":166,"rank":53,"group":167},95,"API Keys","api-keys",{"id":168,"label":169,"slug":170},10,"Settings & Admin","settings-and-admin",{"id":172,"label":173,"slug":174,"rank":55,"group":175},94,"Account Settings","account-settings",{"id":168,"label":169,"slug":170},{"id":177,"label":178,"slug":179,"rank":180,"group":181},115,"Empty State","empty-state",2,{"id":182,"label":183,"slug":184},12,"States & Feedback","states-and-feedback",[186,190,194,195],{"id":187,"title":188,"slug":189},240,"Horizontal navigation","horizontal-navigation",{"id":191,"title":192,"slug":193},169,"Avatar","avatar",{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":197,"title":198,"logo":199,"baseline":200,"categories":201},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png","Revenue-first web analytics",[202],{"id":203,"title":204,"slug":205},46,"Analytics","analytics",{"uuid":207,"title":208,"description":209,"canonical_path":210,"image":211,"width":91,"height":92,"image_alt":212,"published_at":213,"kind":47,"patterns":214,"component_categories":217,"app":220},"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","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2950296f-28d1-491d-a552-106f445a0f09.png","Login · Dock from Dock","2026-07-13T15:30:47.000Z",[215],{"id":50,"label":51,"slug":52,"rank":53,"group":216},{"id":55,"label":56,"slug":57},[218,219],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":221,"title":222,"logo":223,"baseline":224,"categories":225},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[226,227],{"id":112,"title":113,"slug":114},{"id":228,"title":229,"slug":230},29,"Task Management","task-management",{"uuid":232,"title":233,"description":234,"canonical_path":235,"image":236,"width":91,"height":237,"image_alt":238,"published_at":239,"kind":47,"patterns":240,"component_categories":249,"app":264},"0e738f1a-59b3-4707-855c-e9462a411609","Appwrite vs Firebase An open source alternative for Firebase - Appwrite","it includes a dark-themed blog article page featuring a header with a logo and horizontal navigation, a prominent blog post title, author details, and social sharing buttons. The main content area is a two-column layout with the article text on the left, structured with headings, paragraphs, bullet points, and a comparison table, and a sticky table of contents on the right. Below the article, there's a call-to-action section and a grid of 'Read next' article cards. A persistent cookie consent modal is visible at the bottom left. The page concludes with a comprehensive footer containing multiple link categories and social media icons.","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0e738f1a-59b3-4707-855c-e9462a411609.png",23094,"Appwrite vs Firebase An open source alternative for Firebase - Appwrite from Appwrite","2026-07-07T08:00:53.000Z",[241],{"id":242,"label":243,"slug":244,"rank":53,"group":245},78,"Article","article",{"id":246,"label":247,"slug":248},15,"Marketing Page Types","marketing-page-types",[250,254,258,262,263],{"id":251,"title":252,"slug":253},258,"Header","header",{"id":255,"title":256,"slug":257},189,"FAQ","faq",{"id":259,"title":260,"slug":261},202,"Footer","footer",{"id":191,"title":192,"slug":193},{"id":60,"title":61,"slug":62},{"slug":265,"title":266,"logo":267,"baseline":268,"categories":269},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[270,274,275],{"id":271,"title":272,"slug":273},48,"Developer Tools","developer-tools",{"id":151,"title":152,"slug":153},{"id":276,"title":277,"slug":278},45,"Open Source","open-source",{"uuid":280,"title":281,"description":282,"canonical_path":283,"image":284,"width":91,"height":92,"image_alt":285,"published_at":286,"kind":47,"patterns":287,"component_categories":290,"app":293},"1d69a943-1ef1-447c-947b-a6e627c8f764","Voiceflow | Log In to your Account","Sign-in screen where the user authenticates with Google or their email and password.","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1d69a943-1ef1-447c-947b-a6e627c8f764.png","Voiceflow | Log In to your Account from Voiceflow","2026-07-07T07:44:33.000Z",[288],{"id":50,"label":51,"slug":52,"rank":53,"group":289},{"id":55,"label":56,"slug":57},[291,292],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":294,"title":295,"logo":296,"baseline":297,"categories":298},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png","Build amazing conversational assistants",[299,300,304],{"id":74,"title":75,"slug":76},{"id":301,"title":302,"slug":303},47,"Customer Service","customer-service",{"id":305,"title":306,"slug":307},96,"No code","no-code",{"uuid":309,"title":310,"description":311,"canonical_path":312,"image":313,"width":91,"height":92,"image_alt":314,"published_at":315,"kind":47,"patterns":316,"component_categories":319,"app":321},"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",[317],{"id":50,"label":51,"slug":52,"rank":53,"group":318},{"id":55,"label":56,"slug":57},[320],{"id":64,"title":65,"slug":66},{"slug":322,"title":323,"logo":324,"baseline":325,"categories":326},"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",[327,328,329,333],{"id":74,"title":75,"slug":76},{"id":301,"title":302,"slug":303},{"id":330,"title":331,"slug":332},53,"CRM","crm",{"id":334,"title":335,"slug":336},82,"Communication","communication",{"uuid":338,"title":339,"description":340,"canonical_path":341,"image":342,"width":91,"height":92,"image_alt":343,"published_at":344,"kind":47,"patterns":345,"component_categories":352,"app":358},"c7503f40-bb17-4d66-b4c1-8dc6470b2bb9","FLORA — Your Creative Environment","Signup modal where the user can create an account using Google or Microsoft single sign-on, overlaying a marketing landing page.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc7503f40-bb17-4d66-b4c1-8dc6470b2bb9.png","FLORA — Your Creative Environment from Flora","2026-05-26T09:34:20.000Z",[346,348],{"id":129,"label":130,"slug":131,"rank":53,"group":347},{"id":55,"label":56,"slug":57},{"id":55,"label":349,"slug":350,"rank":55,"group":351},"Account Setup","account-setup",{"id":55,"label":56,"slug":57},[353,357],{"id":354,"title":355,"slug":356},284,"Modal","modal",{"id":64,"title":65,"slug":66},{"slug":359,"title":360,"logo":361,"baseline":362,"categories":363},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[364,365,369],{"id":74,"title":75,"slug":76},{"id":366,"title":367,"slug":368},8,"Design","design",{"id":112,"title":113,"slug":114},{"uuid":371,"title":372,"description":282,"canonical_path":373,"image":374,"width":91,"height":92,"image_alt":375,"published_at":376,"kind":47,"patterns":377,"component_categories":380,"app":382},"38adf0c4-7fcd-4abb-9445-6750778f7af7","Assembly Login | Sign in to the Assembly Dashboard","\u002Fexamples\u002Fapps\u002Fassembly-2\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F38adf0c4-7fcd-4abb-9445-6750778f7af7.png","Assembly Login | Sign in to the Assembly Dashboard from Assembly AI App Builder","2026-05-25T20:17:51.000Z",[378],{"id":50,"label":51,"slug":52,"rank":53,"group":379},{"id":55,"label":56,"slug":57},[381],{"id":64,"title":65,"slug":66},{"slug":383,"title":384,"logo":385,"baseline":386,"categories":387},"assembly-2","Assembly AI App Builder","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fe0ead769-d687-403b-a7bd-124ca7356944.png","AI-powered platform for professional services firms to build client portals and CRM tools",[388,389,393,394],{"id":330,"title":331,"slug":332},{"id":390,"title":391,"slug":392},90,"Business","business",{"id":74,"title":75,"slug":76},{"id":305,"title":306,"slug":307},{"uuid":396,"title":397,"description":398,"canonical_path":399,"image":400,"width":91,"height":92,"image_alt":401,"published_at":402,"kind":47,"patterns":403,"component_categories":411,"app":413},"77512f93-f1e3-4765-8282-203262c43cf5","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\u002F77512f93-f1e3-4765-8282-203262c43cf5.png","Login from Lovable","2026-05-18T10:58:24.000Z",[404,409],{"id":405,"label":406,"slug":407,"rank":53,"group":408},6,"Verification","verification",{"id":55,"label":56,"slug":57},{"id":50,"label":51,"slug":52,"rank":55,"group":410},{"id":55,"label":56,"slug":57},[412],{"id":64,"title":65,"slug":66},{"slug":414,"title":415,"logo":416,"baseline":417,"categories":418},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[419,420,424],{"id":74,"title":75,"slug":76},{"id":421,"title":422,"slug":423},7,"Web Development","web-development",{"id":305,"title":306,"slug":307},{"uuid":426,"title":427,"description":428,"canonical_path":429,"image":430,"width":91,"height":92,"image_alt":431,"published_at":432,"kind":47,"patterns":433,"component_categories":436,"app":439},"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",[434],{"id":50,"label":51,"slug":52,"rank":53,"group":435},{"id":55,"label":56,"slug":57},[437,438],{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"slug":440,"title":441,"logo":442,"baseline":443,"categories":444},"amie","Amie","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Famie-929f0269.png","The joyful productivity app",[445,449,450,454],{"id":446,"title":447,"slug":448},101,"Calendar","calendar",{"id":228,"title":229,"slug":230},{"id":451,"title":452,"slug":453},30,"Productivity","productivity",{"id":74,"title":75,"slug":76},[],[457,459,461,463,465,467,469,471,474,477,480,483,486,489,492,495,498,501,504],{"label":51,"to":458,"count":366},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":130,"to":460,"count":180},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":173,"to":462,"count":55},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":349,"to":464,"count":55},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":165,"to":466,"count":55},"\u002Fexamples\u002Fscreens\u002Fapi-keys",{"label":178,"to":468,"count":55},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":406,"to":470,"count":55},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":472,"to":473},"Bud design examples","\u002Fexamples\u002Fapps\u002Fbud",{"label":475,"to":476},"Flask design examples","\u002Fexamples\u002Fapps\u002Fflask",{"label":478,"to":479},"Lithic design examples","\u002Fexamples\u002Fapps\u002Flithic",{"label":481,"to":482},"Visitors design examples","\u002Fexamples\u002Fapps\u002Fvisitors",{"label":484,"to":485},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":487,"to":488},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":490,"to":491},"Voiceflow design examples","\u002Fexamples\u002Fapps\u002Fvoiceflow",{"label":493,"to":494},"Beside design examples","\u002Fexamples\u002Fapps\u002Fbeside",{"label":496,"to":497},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":499,"to":500},"Assembly AI App Builder design examples","\u002Fexamples\u002Fapps\u002Fassembly-2",{"label":502,"to":503},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":505,"to":506},"Amie design examples","\u002Fexamples\u002Fapps\u002Famie",{"published_at":508,"updated_at":509},"2024-12-11T09:51:27.000Z","2026-09-26T22:35:10.890Z"]