[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fappwrite\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":302,"links":303,"dates":331},"\u002Fexamples\u002Fapps\u002Fappwrite\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Appwrite product screens examples - Nicelydone","Browse Appwrite screen design examples. Preview the interface screenshots and explore related UI patterns. Open-source backend platform for building and…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67ef15b9-de05-42e4-96a0-28d895b2edcc.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Appwrite design examples","\u002Fexamples\u002Fapps\u002Fappwrite",{"label":23,"to":4},"Appwrite product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Appwrite screen design examples. Preview the interface screenshots and explore related UI patterns. Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Appwrite","appwrite","Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png","https:\u002F\u002Fappwrite.io\u002F",[36,40,44],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},37,"Developer APIs","developer-apis",{"id":45,"title":46,"slug":47},45,"Open Source","open-source",[49,78,114,129,149,182,199,215,237,253,270,289],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":67,"app":76},"67ef15b9-de05-42e4-96a0-28d895b2edcc","Sign up - Appwrite","Sign-up page where the user creates an account using email and password or GitHub OAuth, accompanied by a customer testimonial.",3024,1758,"Sign up - Appwrite from Appwrite","screen",[58],{"id":59,"label":60,"slug":61,"rank":62,"group":63},5,"Sign Up","sign-up",0,{"id":64,"label":65,"slug":66},1,"Access & Account","access-and-account",[68,72],{"id":69,"title":70,"slug":71},232,"Testimonial","testimonial",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":77},[],{"uuid":79,"title":80,"description":81,"canonical_path":4,"image":82,"width":53,"height":54,"image_alt":83,"kind":56,"patterns":84,"component_categories":94,"app":112},"cd32e780-d975-4ca6-bfb2-99d6393a8c42","Verify Email - Appwrite","Verification screen where the user is prompted to send a verification link to their email address to continue using the cloud service, with options to update the email or switch accounts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcd32e780-d975-4ca6-bfb2-99d6393a8c42.png","Verify Email - Appwrite from Appwrite",[85,90],{"id":86,"label":87,"slug":88,"rank":62,"group":89},6,"Verification","verification",{"id":64,"label":65,"slug":66},{"id":64,"label":91,"slug":92,"rank":64,"group":93},"Account Setup","account-setup",{"id":64,"label":65,"slug":66},[95,99,103,104,108],{"id":96,"title":97,"slug":98},284,"Modal","modal",{"id":100,"title":101,"slug":102},240,"Horizontal navigation","horizontal-navigation",{"id":73,"title":74,"slug":75},{"id":105,"title":106,"slug":107},169,"Avatar","avatar",{"id":109,"title":110,"slug":111},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":113},[],{"uuid":115,"title":80,"description":116,"canonical_path":4,"image":117,"width":53,"height":54,"image_alt":83,"kind":56,"patterns":118,"component_categories":121,"app":127},"0f840bde-9f06-4315-a24f-a98ded61bd1d","Verification screen where the user is prompted to check their inbox or resend the email to continue using the cloud platform.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0f840bde-9f06-4315-a24f-a98ded61bd1d.png",[119],{"id":86,"label":87,"slug":88,"rank":62,"group":120},{"id":64,"label":65,"slug":66},[122,123,124,125,126],{"id":96,"title":97,"slug":98},{"id":100,"title":101,"slug":102},{"id":73,"title":74,"slug":75},{"id":105,"title":106,"slug":107},{"id":109,"title":110,"slug":111},{"slug":31,"title":30,"logo":33,"categories":128},[],{"uuid":130,"title":131,"description":132,"canonical_path":4,"image":133,"width":53,"height":54,"image_alt":134,"kind":56,"patterns":135,"component_categories":146,"app":147},"33ee2718-e9ca-4917-8f55-a8dd2c03b6e7","cloud.appwrite.io\u002Fconsole\u002Fverify-email?userId=6a11d4ba0017b3a71daa&secret=59d6221e072e6530e970123bc368b06ac70e5c1b265b7d5306280b67ca19c861df041b1eb16fde0458772c1a3230aa05b8b6af1579fca34ec6803794a76b7c599b075b14cf0a6092ef1ecafb22608dcad4a5f7c415a333f4532ae36820c71807ecbe07c92fcde8f59297fae4ee73e60c0b16d7ece9db079648efa0c19c7c9b49&expire=2026-05-23T17%3A24%3A50.422%2B00%3A00","Verification screen displaying a large loading spinner while processing the user's email confirmation link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F33ee2718-e9ca-4917-8f55-a8dd2c03b6e7.png","cloud.appwrite.io\u002Fconsole\u002Fverify-email?userId=6a11d4ba0017b3a71daa&secret=59d6221e072e6530e970123bc368b06ac70e5c1b265b7d5306280b67ca19c861df041b1eb16fde0458772c1a3230aa05b8b6af1579fca34ec6803794a76b7c599b075b14cf0a6092ef1ecafb22608dcad4a5f7c415a333f4532ae36820c71807ecbe07c92fcde8f59297fae4ee73e60c0b16d7ece9db079648efa0c19c7c9b49&expire=2026-05-23T17%3A24%3A50.422%2B00%3A00 from Appwrite",[136,138],{"id":86,"label":87,"slug":88,"rank":62,"group":137},{"id":64,"label":65,"slug":66},{"id":139,"label":140,"slug":141,"rank":64,"group":142},120,"Loading","loading",{"id":143,"label":144,"slug":145},12,"States & Feedback","states-and-feedback",[],{"slug":31,"title":30,"logo":33,"categories":148},[],{"uuid":150,"title":151,"description":152,"canonical_path":4,"image":153,"width":53,"height":54,"image_alt":154,"kind":56,"patterns":155,"component_categories":171,"app":180},"01a1635b-bf00-4053-9e87-8f1ed106855a","Create project - Appwrite","Create page where the user names their new project and selects a hosting region.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F01a1635b-bf00-4053-9e87-8f1ed106855a.png","Create project - Appwrite from Appwrite",[156,164],{"id":157,"label":158,"slug":159,"rank":62,"group":160},7,"Add & Create","add-and-create",{"id":161,"label":162,"slug":163},2,"Actions","actions",{"id":165,"label":166,"slug":167,"rank":64,"group":168},74,"Onboarding Checklist","onboarding-checklist",{"id":157,"label":169,"slug":170},"Onboarding & Education","onboarding-and-education",[172,176,177,178,179],{"id":173,"title":174,"slug":175},177,"Breadcrumb","breadcrumb",{"id":100,"title":101,"slug":102},{"id":105,"title":106,"slug":107},{"id":73,"title":74,"slug":75},{"id":109,"title":110,"slug":111},{"slug":31,"title":30,"logo":33,"categories":181},[],{"uuid":183,"title":151,"description":184,"canonical_path":4,"image":185,"width":53,"height":54,"image_alt":154,"kind":56,"patterns":186,"component_categories":191,"app":197},"adce3b7c-d476-4475-95a8-dcc23540f077","Creation screen where the user sets up a new project by providing a name, an optional custom ID, and selecting a hosting region.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fadce3b7c-d476-4475-95a8-dcc23540f077.png",[187,189],{"id":157,"label":158,"slug":159,"rank":62,"group":188},{"id":161,"label":162,"slug":163},{"id":165,"label":166,"slug":167,"rank":64,"group":190},{"id":157,"label":169,"slug":170},[192,193,194,195,196],{"id":173,"title":174,"slug":175},{"id":100,"title":101,"slug":102},{"id":105,"title":106,"slug":107},{"id":73,"title":74,"slug":75},{"id":109,"title":110,"slug":111},{"slug":31,"title":30,"logo":33,"categories":198},[],{"uuid":200,"title":151,"description":201,"canonical_path":4,"image":202,"width":53,"height":54,"image_alt":154,"kind":56,"patterns":203,"component_categories":208,"app":213},"7bd42b81-5503-43ee-848c-a866f4400daa","Creation screen where the user sets up a new project by providing a name, an optional custom Project ID, and selecting a hosting region.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7bd42b81-5503-43ee-848c-a866f4400daa.png",[204,206],{"id":157,"label":158,"slug":159,"rank":62,"group":205},{"id":161,"label":162,"slug":163},{"id":165,"label":166,"slug":167,"rank":64,"group":207},{"id":157,"label":169,"slug":170},[209,210,211,212],{"id":100,"title":101,"slug":102},{"id":105,"title":106,"slug":107},{"id":73,"title":74,"slug":75},{"id":109,"title":110,"slug":111},{"slug":31,"title":30,"logo":33,"categories":214},[],{"uuid":216,"title":151,"description":217,"canonical_path":4,"image":218,"width":53,"height":54,"image_alt":154,"kind":56,"patterns":219,"component_categories":230,"app":235},"f6e97ac3-0435-43af-b334-f4396842cd54","Create page where the user sets up a new project by providing a name, optional custom ID, and selecting a server region.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff6e97ac3-0435-43af-b334-f4396842cd54.png",[220,222],{"id":157,"label":158,"slug":159,"rank":62,"group":221},{"id":161,"label":162,"slug":163},{"id":223,"label":224,"slug":225,"rank":64,"group":226},42,"Form","form",{"id":227,"label":228,"slug":229},4,"Data & Analysis","data-and-analysis",[231,232,233,234],{"id":100,"title":101,"slug":102},{"id":105,"title":106,"slug":107},{"id":73,"title":74,"slug":75},{"id":109,"title":110,"slug":111},{"slug":31,"title":30,"logo":33,"categories":236},[],{"uuid":238,"title":151,"description":239,"canonical_path":4,"image":240,"width":53,"height":54,"image_alt":154,"kind":56,"patterns":241,"component_categories":246,"app":251},"a7fc13d2-e483-404b-8fd9-8be315200614","Creation screen where the user names their new project, optionally sets a custom Project ID, and selects a hosting region.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa7fc13d2-e483-404b-8fd9-8be315200614.png",[242,244],{"id":157,"label":158,"slug":159,"rank":62,"group":243},{"id":161,"label":162,"slug":163},{"id":165,"label":166,"slug":167,"rank":64,"group":245},{"id":157,"label":169,"slug":170},[247,248,249,250],{"id":173,"title":174,"slug":175},{"id":100,"title":101,"slug":102},{"id":105,"title":106,"slug":107},{"id":109,"title":110,"slug":111},{"slug":31,"title":30,"logo":33,"categories":252},[],{"uuid":254,"title":151,"description":255,"canonical_path":4,"image":256,"width":53,"height":54,"image_alt":154,"kind":56,"patterns":257,"component_categories":262,"app":268},"1f7b9fd0-8bec-4b20-87c2-39cc5d72ab94","Create page where the user names their new project, optionally sets a custom Project ID, and selects a hosting region.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1f7b9fd0-8bec-4b20-87c2-39cc5d72ab94.png",[258,260],{"id":157,"label":158,"slug":159,"rank":62,"group":259},{"id":161,"label":162,"slug":163},{"id":223,"label":224,"slug":225,"rank":64,"group":261},{"id":227,"label":228,"slug":229},[263,264,265,266,267],{"id":173,"title":174,"slug":175},{"id":100,"title":101,"slug":102},{"id":105,"title":106,"slug":107},{"id":73,"title":74,"slug":75},{"id":109,"title":110,"slug":111},{"slug":31,"title":30,"logo":33,"categories":269},[],{"uuid":271,"title":151,"description":272,"canonical_path":4,"image":273,"width":53,"height":54,"image_alt":154,"kind":56,"patterns":274,"component_categories":285,"app":287},"03b6f61f-0353-4a13-962e-e8b87ecdb836","Onboarding welcome screen greeting the user before they proceed to create their first project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F03b6f61f-0353-4a13-962e-e8b87ecdb836.png",[275,280],{"id":276,"label":277,"slug":278,"rank":62,"group":279},77,"Welcome","welcome",{"id":157,"label":169,"slug":170},{"id":281,"label":282,"slug":283,"rank":64,"group":284},72,"Getting Started","getting-started",{"id":157,"label":169,"slug":170},[286],{"id":109,"title":110,"slug":111},{"slug":31,"title":30,"logo":33,"categories":288},[],{"uuid":290,"title":151,"description":291,"canonical_path":4,"image":292,"width":53,"height":54,"image_alt":154,"kind":56,"patterns":293,"component_categories":298,"app":300},"7347997d-f2cd-4ef1-9fc6-bdb35af8d313","Onboarding screen welcoming the user to Appwrite with a centered logo and grid background before project creation begins.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7347997d-f2cd-4ef1-9fc6-bdb35af8d313.png",[294,296],{"id":276,"label":277,"slug":278,"rank":62,"group":295},{"id":157,"label":169,"slug":170},{"id":281,"label":282,"slug":283,"rank":64,"group":297},{"id":157,"label":169,"slug":170},[299],{"id":109,"title":110,"slug":111},{"slug":31,"title":30,"logo":33,"categories":301},[],[],[304,306,308,310,312,314,316,318,320,322,325,328],{"label":158,"to":305},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":166,"to":307},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":87,"to":309},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":224,"to":311},"\u002Fexamples\u002Fscreens\u002Fform",{"label":282,"to":313,"count":161},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":277,"to":315,"count":161},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":91,"to":317,"count":64},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":140,"to":319,"count":64},"\u002Fexamples\u002Fscreens\u002Floading",{"label":60,"to":321,"count":64},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":323,"to":324},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":326,"to":327},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":329,"to":330},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"published_at":332,"updated_at":333},"2026-05-23T18:28:00.000Z","2026-09-13T13:02:39.000Z"]