[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fappwrite":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":41,"examples":60,"showcases":61,"links":327,"dates":345},"\u002Fexamples\u002Fapps\u002Fappwrite","detail","apps",true,{"title":9,"description":10,"og_image":11},"Appwrite design examples - Nicelydone","Explore Appwrite UI design examples. Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime,…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67ef15b9-de05-42e4-96a0-28d895b2edcc.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Appwrite design examples",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":40},"SaaS app examples","Explore Appwrite UI design examples. Open-source backend platform for building and scaling apps with Auth, Database, Storage, Functions, Realtime, Messaging, and Sites.",[25],{"title":26,"links":27},"Explore Appwrite",[28,31,34,37],{"label":29,"to":30},"product screens","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fscreens",{"label":32,"to":33},"user flows","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fflows",{"label":35,"to":36},"UI components","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fcomponents",{"label":38,"to":39},"marketing pages","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fmarketing",[],{"title":42,"slug":43,"description":44,"logo":45,"url":46,"categories":47},"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",[48,52,56],{"id":49,"title":50,"slug":51},48,"Developer Tools","developer-tools",{"id":53,"title":54,"slug":55},37,"Developer APIs","developer-apis",{"id":57,"title":58,"slug":59},45,"Open Source","open-source",[],[62,318,321,324],{"family":63,"examples":64},"screens",[65,94,130,145,165,198,215,231,253,269,286,305],{"uuid":66,"title":67,"description":68,"canonical_path":30,"image":11,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":73,"component_categories":83,"app":92},"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",[74],{"id":75,"label":76,"slug":77,"rank":78,"group":79},5,"Sign Up","sign-up",0,{"id":80,"label":81,"slug":82},1,"Access & Account","access-and-account",[84,88],{"id":85,"title":86,"slug":87},232,"Testimonial","testimonial",{"id":89,"title":90,"slug":91},175,"Button","button",{"slug":43,"title":42,"logo":45,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":30,"image":98,"width":69,"height":70,"image_alt":99,"kind":72,"patterns":100,"component_categories":110,"app":128},"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",[101,106],{"id":102,"label":103,"slug":104,"rank":78,"group":105},6,"Verification","verification",{"id":80,"label":81,"slug":82},{"id":80,"label":107,"slug":108,"rank":80,"group":109},"Account Setup","account-setup",{"id":80,"label":81,"slug":82},[111,115,119,120,124],{"id":112,"title":113,"slug":114},284,"Modal","modal",{"id":116,"title":117,"slug":118},240,"Horizontal navigation","horizontal-navigation",{"id":89,"title":90,"slug":91},{"id":121,"title":122,"slug":123},169,"Avatar","avatar",{"id":125,"title":126,"slug":127},174,"Card","card",{"slug":43,"title":42,"logo":45,"categories":129},[],{"uuid":131,"title":96,"description":132,"canonical_path":30,"image":133,"width":69,"height":70,"image_alt":99,"kind":72,"patterns":134,"component_categories":137,"app":143},"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",[135],{"id":102,"label":103,"slug":104,"rank":78,"group":136},{"id":80,"label":81,"slug":82},[138,139,140,141,142],{"id":112,"title":113,"slug":114},{"id":116,"title":117,"slug":118},{"id":89,"title":90,"slug":91},{"id":121,"title":122,"slug":123},{"id":125,"title":126,"slug":127},{"slug":43,"title":42,"logo":45,"categories":144},[],{"uuid":146,"title":147,"description":148,"canonical_path":30,"image":149,"width":69,"height":70,"image_alt":150,"kind":72,"patterns":151,"component_categories":162,"app":163},"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",[152,154],{"id":102,"label":103,"slug":104,"rank":78,"group":153},{"id":80,"label":81,"slug":82},{"id":155,"label":156,"slug":157,"rank":80,"group":158},120,"Loading","loading",{"id":159,"label":160,"slug":161},12,"States & Feedback","states-and-feedback",[],{"slug":43,"title":42,"logo":45,"categories":164},[],{"uuid":166,"title":167,"description":168,"canonical_path":30,"image":169,"width":69,"height":70,"image_alt":170,"kind":72,"patterns":171,"component_categories":187,"app":196},"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",[172,180],{"id":173,"label":174,"slug":175,"rank":78,"group":176},7,"Add & Create","add-and-create",{"id":177,"label":178,"slug":179},2,"Actions","actions",{"id":181,"label":182,"slug":183,"rank":80,"group":184},74,"Onboarding Checklist","onboarding-checklist",{"id":173,"label":185,"slug":186},"Onboarding & Education","onboarding-and-education",[188,192,193,194,195],{"id":189,"title":190,"slug":191},177,"Breadcrumb","breadcrumb",{"id":116,"title":117,"slug":118},{"id":121,"title":122,"slug":123},{"id":89,"title":90,"slug":91},{"id":125,"title":126,"slug":127},{"slug":43,"title":42,"logo":45,"categories":197},[],{"uuid":199,"title":167,"description":200,"canonical_path":30,"image":201,"width":69,"height":70,"image_alt":170,"kind":72,"patterns":202,"component_categories":207,"app":213},"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",[203,205],{"id":173,"label":174,"slug":175,"rank":78,"group":204},{"id":177,"label":178,"slug":179},{"id":181,"label":182,"slug":183,"rank":80,"group":206},{"id":173,"label":185,"slug":186},[208,209,210,211,212],{"id":189,"title":190,"slug":191},{"id":116,"title":117,"slug":118},{"id":121,"title":122,"slug":123},{"id":89,"title":90,"slug":91},{"id":125,"title":126,"slug":127},{"slug":43,"title":42,"logo":45,"categories":214},[],{"uuid":216,"title":167,"description":217,"canonical_path":30,"image":218,"width":69,"height":70,"image_alt":170,"kind":72,"patterns":219,"component_categories":224,"app":229},"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",[220,222],{"id":173,"label":174,"slug":175,"rank":78,"group":221},{"id":177,"label":178,"slug":179},{"id":181,"label":182,"slug":183,"rank":80,"group":223},{"id":173,"label":185,"slug":186},[225,226,227,228],{"id":116,"title":117,"slug":118},{"id":121,"title":122,"slug":123},{"id":89,"title":90,"slug":91},{"id":125,"title":126,"slug":127},{"slug":43,"title":42,"logo":45,"categories":230},[],{"uuid":232,"title":167,"description":233,"canonical_path":30,"image":234,"width":69,"height":70,"image_alt":170,"kind":72,"patterns":235,"component_categories":246,"app":251},"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",[236,238],{"id":173,"label":174,"slug":175,"rank":78,"group":237},{"id":177,"label":178,"slug":179},{"id":239,"label":240,"slug":241,"rank":80,"group":242},42,"Form","form",{"id":243,"label":244,"slug":245},4,"Data & Analysis","data-and-analysis",[247,248,249,250],{"id":116,"title":117,"slug":118},{"id":121,"title":122,"slug":123},{"id":89,"title":90,"slug":91},{"id":125,"title":126,"slug":127},{"slug":43,"title":42,"logo":45,"categories":252},[],{"uuid":254,"title":167,"description":255,"canonical_path":30,"image":256,"width":69,"height":70,"image_alt":170,"kind":72,"patterns":257,"component_categories":262,"app":267},"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",[258,260],{"id":173,"label":174,"slug":175,"rank":78,"group":259},{"id":177,"label":178,"slug":179},{"id":181,"label":182,"slug":183,"rank":80,"group":261},{"id":173,"label":185,"slug":186},[263,264,265,266],{"id":189,"title":190,"slug":191},{"id":116,"title":117,"slug":118},{"id":121,"title":122,"slug":123},{"id":125,"title":126,"slug":127},{"slug":43,"title":42,"logo":45,"categories":268},[],{"uuid":270,"title":167,"description":271,"canonical_path":30,"image":272,"width":69,"height":70,"image_alt":170,"kind":72,"patterns":273,"component_categories":278,"app":284},"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",[274,276],{"id":173,"label":174,"slug":175,"rank":78,"group":275},{"id":177,"label":178,"slug":179},{"id":239,"label":240,"slug":241,"rank":80,"group":277},{"id":243,"label":244,"slug":245},[279,280,281,282,283],{"id":189,"title":190,"slug":191},{"id":116,"title":117,"slug":118},{"id":121,"title":122,"slug":123},{"id":89,"title":90,"slug":91},{"id":125,"title":126,"slug":127},{"slug":43,"title":42,"logo":45,"categories":285},[],{"uuid":287,"title":167,"description":288,"canonical_path":30,"image":289,"width":69,"height":70,"image_alt":170,"kind":72,"patterns":290,"component_categories":301,"app":303},"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",[291,296],{"id":292,"label":293,"slug":294,"rank":78,"group":295},77,"Welcome","welcome",{"id":173,"label":185,"slug":186},{"id":297,"label":298,"slug":299,"rank":80,"group":300},72,"Getting Started","getting-started",{"id":173,"label":185,"slug":186},[302],{"id":125,"title":126,"slug":127},{"slug":43,"title":42,"logo":45,"categories":304},[],{"uuid":306,"title":167,"description":307,"canonical_path":30,"image":308,"width":69,"height":70,"image_alt":170,"kind":72,"patterns":309,"component_categories":314,"app":316},"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",[310,312],{"id":292,"label":293,"slug":294,"rank":78,"group":311},{"id":173,"label":185,"slug":186},{"id":297,"label":298,"slug":299,"rank":80,"group":313},{"id":173,"label":185,"slug":186},[315],{"id":125,"title":126,"slug":127},{"slug":43,"title":42,"logo":45,"categories":317},[],{"family":319,"examples":320},"flows",[],{"family":322,"examples":323},"components",[],{"family":325,"examples":326},"pages",[],[328,330,332,334,336,339,342],{"label":329,"to":30},"Appwrite product screens",{"label":331,"to":39},"Appwrite marketing pages",{"label":333,"to":33},"Appwrite user flows",{"label":335,"to":36},"Appwrite UI components",{"label":337,"to":338},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":340,"to":341},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":343,"to":344},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"published_at":346,"updated_at":347},"2026-05-23T18:28:00.000Z","2026-09-13T13:02:39.000Z"]