[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcoda\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":52,"showcases":356,"links":357,"dates":391},"\u002Fexamples\u002Fapps\u002Fcoda\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Coda product screens examples - Nicelydone","Browse Coda screen design examples. Preview the interface screenshots and explore related UI patterns. The doc for everyone, meet the evolution of docs","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F85439b01-e906-49b6-8d04-2aa74776c583.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},"Coda design examples","\u002Fexamples\u002Fapps\u002Fcoda",{"label":23,"to":4},"Coda product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Coda","coda","The doc for everyone, meet the evolution of docs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcoda-1278fa67.png","https:\u002F\u002Fcoda.io","coda_hq",[36,40,44,48],{"id":37,"title":38,"slug":39},23,"Collaboration","collaboration",{"id":41,"title":42,"slug":43},30,"Productivity","productivity",{"id":45,"title":46,"slug":47},22,"Knowledge Management","knowledge-management",{"id":49,"title":50,"slug":51},96,"No code","no-code",[53,90,126,141,156,170,184,227,251,278,300,332],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":75,"app":88},"85439b01-e906-49b6-8d04-2aa74776c583","Learn Coda, the Coda learning doc, Coda tutorial - Coda","Signup modal overlaying a public document, prompting the user to authenticate with Google, Microsoft, SSO, or email in order to copy the document.",3024,1738,"Learn Coda, the Coda learning doc, Coda tutorial - Coda from Coda","screen",[62,71],{"id":63,"label":64,"slug":65,"rank":66,"group":67},5,"Sign Up","sign-up",0,{"id":68,"label":69,"slug":70},1,"Access & Account","access-and-account",{"id":68,"label":72,"slug":73,"rank":68,"group":74},"Account Setup","account-setup",{"id":68,"label":69,"slug":70},[76,80,84],{"id":77,"title":78,"slug":79},284,"Modal","modal",{"id":81,"title":82,"slug":83},169,"Avatar","avatar",{"id":85,"title":86,"slug":87},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":55,"description":92,"canonical_path":4,"image":93,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":94,"component_categories":120,"app":124},"916ea4cc-b4a7-45fe-9e18-610993a5fe00","Signup modal with an email validation error, offering OAuth and SSO options to copy a public document.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F916ea4cc-b4a7-45fe-9e18-610993a5fe00.png",[95,103,105,114],{"id":96,"label":97,"slug":98,"rank":66,"group":99},116,"Error","error",{"id":100,"label":101,"slug":102},12,"States & Feedback","states-and-feedback",{"id":63,"label":64,"slug":65,"rank":68,"group":104},{"id":68,"label":69,"slug":70},{"id":106,"label":107,"slug":108,"rank":109,"group":110},103,"SSO","sso",2,{"id":111,"label":112,"slug":113},10,"Settings & Admin","settings-and-admin",{"id":115,"label":116,"slug":117,"rank":118,"group":119},114,"Confirmation","confirmation",3,{"id":100,"label":101,"slug":102},[121,122,123],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":55,"description":128,"canonical_path":4,"image":129,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":130,"component_categories":135,"app":139},"3c20133b-3d09-4b5f-ae32-b39214396711","Sign-in modal where the user authenticates with Google, Microsoft, Apple, SSO, or email and password to copy a document.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3c20133b-3d09-4b5f-ae32-b39214396711.png",[131],{"id":109,"label":132,"slug":133,"rank":66,"group":134},"Forgot Password","forgot-password",{"id":68,"label":69,"slug":70},[136,137,138],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":55,"description":143,"canonical_path":4,"image":144,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":145,"component_categories":150,"app":154},"242c2309-33d6-4cb9-b574-3a6ba51cab4b","Sign-in modal with validation errors for email and password fields, offering Google, Microsoft, Apple, and SSO authentication options over a document view.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F242c2309-33d6-4cb9-b574-3a6ba51cab4b.png",[146,148],{"id":96,"label":97,"slug":98,"rank":66,"group":147},{"id":100,"label":101,"slug":102},{"id":109,"label":132,"slug":133,"rank":68,"group":149},{"id":68,"label":69,"slug":70},[151,152,153],{"id":77,"title":78,"slug":79},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":55,"description":158,"canonical_path":4,"image":159,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":160,"component_categories":165,"app":168},"efb2782f-6079-4494-bb48-b4a5dfdba182","Password recovery modal overlaid on a document where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fefb2782f-6079-4494-bb48-b4a5dfdba182.png",[161,163],{"id":109,"label":132,"slug":133,"rank":66,"group":162},{"id":68,"label":69,"slug":70},{"id":115,"label":116,"slug":117,"rank":68,"group":164},{"id":100,"label":101,"slug":102},[166,167],{"id":77,"title":78,"slug":79},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":169},[],{"uuid":171,"title":55,"description":172,"canonical_path":4,"image":173,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":174,"component_categories":179,"app":182},"aa7df06f-7525-4e6e-ac7e-886301f85618","Password recovery modal where the user is prompted to enter their email address, currently displaying a validation error for an invalid email format.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa7df06f-7525-4e6e-ac7e-886301f85618.png",[175,177],{"id":109,"label":132,"slug":133,"rank":66,"group":176},{"id":68,"label":69,"slug":70},{"id":96,"label":97,"slug":98,"rank":68,"group":178},{"id":100,"label":101,"slug":102},[180,181],{"id":77,"title":78,"slug":79},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":55,"description":186,"canonical_path":4,"image":187,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":188,"component_categories":218,"app":225},"683bb0ca-fbeb-4c07-aa57-c596bbd9a47f","Interactive learning guide where the user reads a welcome introduction and can duplicate the document to start their learning journey.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F683bb0ca-fbeb-4c07-aa57-c596bbd9a47f.png",[189,197,202,210],{"id":190,"label":191,"slug":192,"rank":66,"group":193},77,"Welcome","welcome",{"id":194,"label":195,"slug":196},7,"Onboarding & Education","onboarding-and-education",{"id":198,"label":199,"slug":200,"rank":68,"group":201},76,"Tutorial","tutorial",{"id":194,"label":195,"slug":196},{"id":203,"label":204,"slug":205,"rank":109,"group":206},78,"Article","article",{"id":207,"label":208,"slug":209},15,"Marketing Page Types","marketing-page-types",{"id":211,"label":212,"slug":213,"rank":118,"group":214},79,"Browse","browse",{"id":215,"label":216,"slug":217},8,"Pages & Content","pages-and-content",[219,223,224],{"id":220,"title":221,"slug":222},258,"Header","header",{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":226},[],{"uuid":228,"title":55,"description":229,"canonical_path":4,"image":230,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":231,"component_categories":242,"app":249},"e24bccfd-d854-4d30-b27d-42ec5fec7ef3","Content editor where the user searches for 'welcome' in the sidebar and previews a specific page result before copying the document.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe24bccfd-d854-4d30-b27d-42ec5fec7ef3.png",[232,238,240],{"id":45,"label":233,"slug":234,"rank":66,"group":235},"Search","search",{"id":109,"label":236,"slug":237},"Actions","actions",{"id":203,"label":204,"slug":205,"rank":68,"group":239},{"id":207,"label":208,"slug":209},{"id":211,"label":212,"slug":213,"rank":109,"group":241},{"id":215,"label":216,"slug":217},[243,247,248],{"id":244,"title":245,"slug":246},214,"Popover","popover",{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":250},[],{"uuid":252,"title":253,"description":254,"canonical_path":4,"image":255,"width":57,"height":256,"image_alt":257,"kind":60,"patterns":258,"component_categories":266,"app":276},"44874544-4dc0-4c2c-b2c1-bca33b2f5f4b","Report Content","Form page where the user can report content for spam, harassment, or rules violations and provide additional comments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F44874544-4dc0-4c2c-b2c1-bca33b2f5f4b.png",1864,"Report Content from Coda",[259,264],{"id":260,"label":261,"slug":262,"rank":66,"group":263},19,"Report","report",{"id":109,"label":236,"slug":237},{"id":115,"label":116,"slug":117,"rank":68,"group":265},{"id":100,"label":101,"slug":102},[267,271,275],{"id":268,"title":269,"slug":270},240,"Horizontal navigation","horizontal-navigation",{"id":272,"title":273,"slug":274},174,"Card","card",{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":277},[],{"uuid":279,"title":253,"description":280,"canonical_path":4,"image":281,"width":57,"height":58,"image_alt":257,"kind":60,"patterns":282,"component_categories":295,"app":298},"3008220b-da86-48b4-8082-0458d161370b","Form where the user can report content for spam, harassment, or rules violations, currently showing a validation error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3008220b-da86-48b4-8082-0458d161370b.png",[283,285,293],{"id":260,"label":261,"slug":262,"rank":66,"group":284},{"id":109,"label":236,"slug":237},{"id":286,"label":287,"slug":288,"rank":68,"group":289},42,"Form","form",{"id":290,"label":291,"slug":292},4,"Data & Analysis","data-and-analysis",{"id":96,"label":97,"slug":98,"rank":109,"group":294},{"id":100,"label":101,"slug":102},[296,297],{"id":272,"title":273,"slug":274},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":299},[],{"uuid":301,"title":302,"description":303,"canonical_path":4,"image":304,"width":57,"height":305,"image_alt":306,"kind":60,"patterns":307,"component_categories":317,"app":330},"785d8282-ca43-41ea-9f6b-d7c2afd43720","Coda Maker Community","Community homepage featuring a prominent search bar, top categories, maker highlights, a recent discussion feed, and a full category directory.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F785d8282-ca43-41ea-9f6b-d7c2afd43720.png",7848,"Coda Maker Community from Coda",[308,310,312],{"id":211,"label":212,"slug":213,"rank":66,"group":309},{"id":215,"label":216,"slug":217},{"id":45,"label":233,"slug":234,"rank":68,"group":311},{"id":109,"label":236,"slug":237},{"id":313,"label":314,"slug":315,"rank":109,"group":316},81,"Home","home",{"id":215,"label":216,"slug":217},[318,322,326,327,328,329],{"id":319,"title":320,"slug":321},233,"Tabs","tabs",{"id":323,"title":324,"slug":325},260,"Badge","badge",{"id":220,"title":221,"slug":222},{"id":272,"title":273,"slug":274},{"id":81,"title":82,"slug":83},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":331},[],{"uuid":333,"title":302,"description":334,"canonical_path":4,"image":335,"width":57,"height":58,"image_alt":306,"kind":60,"patterns":336,"component_categories":350,"app":354},"5264bec3-9d14-4342-b144-11ebf19bffb9","Community forum homepage where the user searches for topics, posts, and users via a central command palette overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5264bec3-9d14-4342-b144-11ebf19bffb9.png",[337,345],{"id":338,"label":339,"slug":340,"rank":66,"group":341},64,"Global Search","global-search",{"id":342,"label":343,"slug":344},6,"Navigation & Commands","navigation-and-commands",{"id":346,"label":347,"slug":348,"rank":68,"group":349},65,"Navigation Menu","navigation-menu",{"id":342,"label":343,"slug":344},[351,352,353],{"id":220,"title":221,"slug":222},{"id":272,"title":273,"slug":274},{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":355},[],[],[358,360,362,364,366,368,370,372,374,376,378,380,382,385,388],{"label":97,"to":359},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":132,"to":361},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":212,"to":363},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":116,"to":365},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":261,"to":367,"count":109},"\u002Fexamples\u002Fscreens\u002Freport",{"label":233,"to":369,"count":109},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":64,"to":371,"count":109},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":72,"to":373,"count":68},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":287,"to":375,"count":68},"\u002Fexamples\u002Fscreens\u002Fform",{"label":339,"to":377,"count":68},"\u002Fexamples\u002Fscreens\u002Fglobal-search",{"label":314,"to":379,"count":68},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":347,"to":381,"count":68},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":383,"to":384},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":386,"to":387},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":389,"to":390},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"published_at":392,"updated_at":393},"2023-02-20T20:44:14.000Z","2026-09-13T13:02:39.000Z"]