[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcoda":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":64,"showcases":65,"links":381,"dates":417},"\u002Fexamples\u002Fapps\u002Fcoda","detail","apps",true,{"title":9,"description":10,"og_image":11},"Coda design examples - Nicelydone","Explore Coda UI design examples. The doc for everyone, meet the evolution of docs","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F85439b01-e906-49b6-8d04-2aa74776c583.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Coda design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Coda",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fcoda\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fcoda\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fcoda\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fcoda\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"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",[48,52,56,60],{"id":49,"title":50,"slug":51},23,"Collaboration","collaboration",{"id":53,"title":54,"slug":55},30,"Productivity","productivity",{"id":57,"title":58,"slug":59},22,"Knowledge Management","knowledge-management",{"id":61,"title":62,"slug":63},96,"No code","no-code",[],[66,372,375,378],{"family":67,"examples":68},"screens",[69,106,142,157,172,186,200,243,267,294,316,348],{"uuid":70,"title":71,"description":72,"canonical_path":29,"image":11,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":77,"component_categories":91,"app":104},"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",[78,87],{"id":79,"label":80,"slug":81,"rank":82,"group":83},5,"Sign Up","sign-up",0,{"id":84,"label":85,"slug":86},1,"Access & Account","access-and-account",{"id":84,"label":88,"slug":89,"rank":84,"group":90},"Account Setup","account-setup",{"id":84,"label":85,"slug":86},[92,96,100],{"id":93,"title":94,"slug":95},284,"Modal","modal",{"id":97,"title":98,"slug":99},169,"Avatar","avatar",{"id":101,"title":102,"slug":103},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":105},[],{"uuid":107,"title":71,"description":108,"canonical_path":29,"image":109,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":110,"component_categories":136,"app":140},"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",[111,119,121,130],{"id":112,"label":113,"slug":114,"rank":82,"group":115},116,"Error","error",{"id":116,"label":117,"slug":118},12,"States & Feedback","states-and-feedback",{"id":79,"label":80,"slug":81,"rank":84,"group":120},{"id":84,"label":85,"slug":86},{"id":122,"label":123,"slug":124,"rank":125,"group":126},103,"SSO","sso",2,{"id":127,"label":128,"slug":129},10,"Settings & Admin","settings-and-admin",{"id":131,"label":132,"slug":133,"rank":134,"group":135},114,"Confirmation","confirmation",3,{"id":116,"label":117,"slug":118},[137,138,139],{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":141},[],{"uuid":143,"title":71,"description":144,"canonical_path":29,"image":145,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":146,"component_categories":151,"app":155},"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",[147],{"id":125,"label":148,"slug":149,"rank":82,"group":150},"Forgot Password","forgot-password",{"id":84,"label":85,"slug":86},[152,153,154],{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":156},[],{"uuid":158,"title":71,"description":159,"canonical_path":29,"image":160,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":161,"component_categories":166,"app":170},"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",[162,164],{"id":112,"label":113,"slug":114,"rank":82,"group":163},{"id":116,"label":117,"slug":118},{"id":125,"label":148,"slug":149,"rank":84,"group":165},{"id":84,"label":85,"slug":86},[167,168,169],{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":171},[],{"uuid":173,"title":71,"description":174,"canonical_path":29,"image":175,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":176,"component_categories":181,"app":184},"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",[177,179],{"id":125,"label":148,"slug":149,"rank":82,"group":178},{"id":84,"label":85,"slug":86},{"id":131,"label":132,"slug":133,"rank":84,"group":180},{"id":116,"label":117,"slug":118},[182,183],{"id":93,"title":94,"slug":95},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":185},[],{"uuid":187,"title":71,"description":188,"canonical_path":29,"image":189,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":190,"component_categories":195,"app":198},"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",[191,193],{"id":125,"label":148,"slug":149,"rank":82,"group":192},{"id":84,"label":85,"slug":86},{"id":112,"label":113,"slug":114,"rank":84,"group":194},{"id":116,"label":117,"slug":118},[196,197],{"id":93,"title":94,"slug":95},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":199},[],{"uuid":201,"title":71,"description":202,"canonical_path":29,"image":203,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":204,"component_categories":234,"app":241},"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",[205,213,218,226],{"id":206,"label":207,"slug":208,"rank":82,"group":209},77,"Welcome","welcome",{"id":210,"label":211,"slug":212},7,"Onboarding & Education","onboarding-and-education",{"id":214,"label":215,"slug":216,"rank":84,"group":217},76,"Tutorial","tutorial",{"id":210,"label":211,"slug":212},{"id":219,"label":220,"slug":221,"rank":125,"group":222},78,"Article","article",{"id":223,"label":224,"slug":225},15,"Marketing Page Types","marketing-page-types",{"id":227,"label":228,"slug":229,"rank":134,"group":230},79,"Browse","browse",{"id":231,"label":232,"slug":233},8,"Pages & Content","pages-and-content",[235,239,240],{"id":236,"title":237,"slug":238},258,"Header","header",{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":242},[],{"uuid":244,"title":71,"description":245,"canonical_path":29,"image":246,"width":73,"height":74,"image_alt":75,"kind":76,"patterns":247,"component_categories":258,"app":265},"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",[248,254,256],{"id":57,"label":249,"slug":250,"rank":82,"group":251},"Search","search",{"id":125,"label":252,"slug":253},"Actions","actions",{"id":219,"label":220,"slug":221,"rank":84,"group":255},{"id":223,"label":224,"slug":225},{"id":227,"label":228,"slug":229,"rank":125,"group":257},{"id":231,"label":232,"slug":233},[259,263,264],{"id":260,"title":261,"slug":262},214,"Popover","popover",{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":266},[],{"uuid":268,"title":269,"description":270,"canonical_path":29,"image":271,"width":73,"height":272,"image_alt":273,"kind":76,"patterns":274,"component_categories":282,"app":292},"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",[275,280],{"id":276,"label":277,"slug":278,"rank":82,"group":279},19,"Report","report",{"id":125,"label":252,"slug":253},{"id":131,"label":132,"slug":133,"rank":84,"group":281},{"id":116,"label":117,"slug":118},[283,287,291],{"id":284,"title":285,"slug":286},240,"Horizontal navigation","horizontal-navigation",{"id":288,"title":289,"slug":290},174,"Card","card",{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":293},[],{"uuid":295,"title":269,"description":296,"canonical_path":29,"image":297,"width":73,"height":74,"image_alt":273,"kind":76,"patterns":298,"component_categories":311,"app":314},"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",[299,301,309],{"id":276,"label":277,"slug":278,"rank":82,"group":300},{"id":125,"label":252,"slug":253},{"id":302,"label":303,"slug":304,"rank":84,"group":305},42,"Form","form",{"id":306,"label":307,"slug":308},4,"Data & Analysis","data-and-analysis",{"id":112,"label":113,"slug":114,"rank":125,"group":310},{"id":116,"label":117,"slug":118},[312,313],{"id":288,"title":289,"slug":290},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":315},[],{"uuid":317,"title":318,"description":319,"canonical_path":29,"image":320,"width":73,"height":321,"image_alt":322,"kind":76,"patterns":323,"component_categories":333,"app":346},"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",[324,326,328],{"id":227,"label":228,"slug":229,"rank":82,"group":325},{"id":231,"label":232,"slug":233},{"id":57,"label":249,"slug":250,"rank":84,"group":327},{"id":125,"label":252,"slug":253},{"id":329,"label":330,"slug":331,"rank":125,"group":332},81,"Home","home",{"id":231,"label":232,"slug":233},[334,338,342,343,344,345],{"id":335,"title":336,"slug":337},233,"Tabs","tabs",{"id":339,"title":340,"slug":341},260,"Badge","badge",{"id":236,"title":237,"slug":238},{"id":288,"title":289,"slug":290},{"id":97,"title":98,"slug":99},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":347},[],{"uuid":349,"title":318,"description":350,"canonical_path":29,"image":351,"width":73,"height":74,"image_alt":322,"kind":76,"patterns":352,"component_categories":366,"app":370},"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",[353,361],{"id":354,"label":355,"slug":356,"rank":82,"group":357},64,"Global Search","global-search",{"id":358,"label":359,"slug":360},6,"Navigation & Commands","navigation-and-commands",{"id":362,"label":363,"slug":364,"rank":84,"group":365},65,"Navigation Menu","navigation-menu",{"id":358,"label":359,"slug":360},[367,368,369],{"id":236,"title":237,"slug":238},{"id":288,"title":289,"slug":290},{"id":101,"title":102,"slug":103},{"slug":42,"title":41,"logo":44,"categories":371},[],{"family":373,"examples":374},"flows",[],{"family":376,"examples":377},"components",[],{"family":379,"examples":380},"pages",[],[382,384,386,388,390,393,396,399,401,405,409,413],{"label":383,"to":29},"Coda product screens",{"label":385,"to":38},"Coda marketing pages",{"label":387,"to":32},"Coda user flows",{"label":389,"to":35},"Coda UI components",{"label":391,"to":392},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":394,"to":395},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":397,"to":398},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":400,"to":18},"All SaaS app examples",{"label":402,"to":403,"description":404},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":406,"to":407,"description":408},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":410,"to":411,"description":412},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":414,"to":415,"description":416},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":418,"updated_at":419},"2023-02-20T20:44:14.000Z","2026-09-13T13:02:39.000Z"]