[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fthe-food-assembly\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":359,"links":360,"dates":415},"\u002Fexamples\u002Fapps\u002Fthe-food-assembly\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"The food assembly product screens examples - Nicelydone","Browse The food assembly screen design examples. Preview the interface screenshots and explore related UI patterns. Bringing people together to buy food…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fthe-food-assembly_sign-in_d29a7318_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"The food assembly design examples","\u002Fexamples\u002Fapps\u002Fthe-food-assembly",{"label":23,"to":4},"The food assembly product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse The food assembly screen design examples. Preview the interface screenshots and explore related UI patterns. Bringing people together to buy food directly from their local farmers and foodmakers",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"The food assembly","the-food-assembly","Bringing people together to buy food directly from their local farmers and foodmakers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fthe-food-assembly-adb9c50a.png","https:\u002F\u002Fthefoodassembly.com",[36],{"id":37,"title":38,"slug":39},43,"Food and Beverages","food-and-beverages",[41,75,88,105,128,169,206,244,278,297,318,337],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"patterns":49,"component_categories":64,"app":73},"98b9611d-99e4-4a3f-b33c-fc7db215c33d","Sign in","Sign-in screen where the user authenticates with an email and password, with an option to create a new account.",2800,1544,"Sign in from The food assembly","screen",[50,59],{"id":51,"label":52,"slug":53,"rank":54,"group":55},4,"Sign In","sign-in",0,{"id":56,"label":57,"slug":58},1,"Access & Account","access-and-account",{"id":60,"label":61,"slug":62,"rank":56,"group":63},2,"Forgot Password","forgot-password",{"id":56,"label":57,"slug":58},[65,69],{"id":66,"title":67,"slug":68},174,"Card","card",{"id":70,"title":71,"slug":72},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":74},[],{"uuid":76,"title":77,"description":78,"canonical_path":4,"image":79,"width":45,"height":46,"image_alt":80,"kind":48,"patterns":81,"component_categories":84,"app":86},"ea9afc97-9f62-4b2c-9341-df1641bc279f","Password reset","Password recovery screen where the user enters their email address to request a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fthe-food-assembly_password-reset_6cc43c0d_nicelydone.jpg","Password reset from The food assembly",[82],{"id":60,"label":61,"slug":62,"rank":54,"group":83},{"id":56,"label":57,"slug":58},[85],{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":87},[],{"uuid":89,"title":90,"description":91,"canonical_path":4,"image":92,"width":45,"height":93,"image_alt":94,"kind":48,"patterns":95,"component_categories":101,"app":103},"9abfff4a-b24b-41f5-b6eb-689d2a407fca","Sign up","Signup page where the user creates an account by providing their name, email, password, and country, and accepts the terms and conditions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fthe-food-assembly_sign-up_a2fee030_nicelydone.jpg",2246,"Sign up from The food assembly",[96],{"id":97,"label":98,"slug":99,"rank":54,"group":100},5,"Sign Up","sign-up",{"id":56,"label":57,"slug":58},[102],{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":45,"height":46,"image_alt":110,"kind":48,"patterns":111,"component_categories":119,"app":126},"4af1eaca-4dbf-45dd-9e8a-9f85e775fd89","Welcome","Onboarding welcome screen where the user is greeted with an illustration and prompted to join a Food Assembly to get started.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fthe-food-assembly_welcome_0e5da8d2_nicelydone.jpg","Welcome from The food assembly",[112],{"id":113,"label":107,"slug":114,"rank":54,"group":115},77,"welcome",{"id":116,"label":117,"slug":118},7,"Onboarding & Education","onboarding-and-education",[120,124,125],{"id":121,"title":122,"slug":123},240,"Horizontal navigation","horizontal-navigation",{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":4,"image":132,"width":45,"height":133,"image_alt":134,"kind":48,"patterns":135,"component_categories":163,"app":167},"41c0726b-2c9f-4206-87db-d5116af65aac","Map","Search page where the user finds nearby assemblies by location and collection day, viewing results on an interactive map and in a color-coded card grid.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fthe-food-assembly_map_0fc358b1_nicelydone.jpg",2822,"Map from The food assembly",[136,142,149,154],{"id":137,"label":130,"slug":138,"rank":54,"group":139},57,"map",{"id":97,"label":140,"slug":141},"Media & Tools","media-and-tools",{"id":143,"label":144,"slug":145,"rank":56,"group":146},22,"Search","search",{"id":60,"label":147,"slug":148},"Actions","actions",{"id":150,"label":151,"slug":152,"rank":60,"group":153},13,"Filter & Sort","filter-and-sort",{"id":60,"label":147,"slug":148},{"id":155,"label":156,"slug":157,"rank":158,"group":159},79,"Browse","browse",3,{"id":160,"label":161,"slug":162},8,"Pages & Content","pages-and-content",[164,165,166],{"id":121,"title":122,"slug":123},{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":168},[],{"uuid":170,"title":171,"description":172,"canonical_path":4,"image":173,"width":45,"height":174,"image_alt":175,"kind":48,"patterns":176,"component_categories":196,"app":204},"7aadaa08-95dd-4420-ad2c-f256068fcc8d","Assembly page","Detail page for a local food assembly where the user can view collection details, read about the hosts, and join the group.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fthe-food-assembly_assembly-page_e4a7d70c_nicelydone.jpg",3970,"Assembly page from The food assembly",[177,184,189,191],{"id":158,"label":178,"slug":179,"rank":54,"group":180},"Profile","profile",{"id":181,"label":182,"slug":183},11,"Social & Collaboration","social-and-collaboration",{"id":185,"label":186,"slug":187,"rank":56,"group":188},14,"Follow","follow",{"id":60,"label":147,"slug":148},{"id":155,"label":156,"slug":157,"rank":60,"group":190},{"id":160,"label":161,"slug":162},{"id":192,"label":193,"slug":194,"rank":158,"group":195},82,"Media Detail","media-detail",{"id":160,"label":161,"slug":162},[197,201,202,203],{"id":198,"title":199,"slug":200},169,"Avatar","avatar",{"id":121,"title":122,"slug":123},{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":205},[],{"uuid":207,"title":208,"description":209,"canonical_path":4,"image":210,"width":45,"height":46,"image_alt":211,"kind":48,"patterns":212,"component_categories":230,"app":242},"38bbdb77-4b2d-4c53-80db-eabb43282fb2","Dropdown","Settings page where the user manages their food assemblies, viewing details for the Paris 05 location and accessing options to open or leave an assembly.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fthe-food-assembly_dropdown_afeef7c4_nicelydone.jpg","Dropdown from The food assembly",[213,221,226],{"id":214,"label":215,"slug":216,"rank":54,"group":217},94,"Account Settings","account-settings",{"id":218,"label":219,"slug":220},10,"Settings & Admin","settings-and-admin",{"id":222,"label":223,"slug":224,"rank":56,"group":225},104,"Team Management","team-management",{"id":218,"label":219,"slug":220},{"id":181,"label":227,"slug":228,"rank":60,"group":229},"Edit","edit",{"id":60,"label":147,"slug":148},[231,235,239,240,241],{"id":232,"title":233,"slug":234},233,"Tabs","tabs",{"id":236,"title":237,"slug":238},260,"Badge","badge",{"id":198,"title":199,"slug":200},{"id":121,"title":122,"slug":123},{"id":66,"title":67,"slug":68},{"slug":31,"title":30,"logo":33,"categories":243},[],{"uuid":245,"title":246,"description":247,"canonical_path":4,"image":248,"width":45,"height":249,"image_alt":250,"kind":48,"patterns":251,"component_categories":271,"app":276},"198c59b1-811c-4f22-bc4d-b27af1671255","Assembly","Home page for a local food assembly where the user can view upcoming collections, read announcements from the host, see participating producers, and browse recent community discussions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fthe-food-assembly_assembly_42fb16df_nicelydone.jpg",5768,"Assembly from The food assembly",[252,257,262,264],{"id":253,"label":254,"slug":255,"rank":54,"group":256},81,"Home","home",{"id":160,"label":161,"slug":162},{"id":258,"label":259,"slug":260,"rank":56,"group":261},113,"Social Feed","social-feed",{"id":181,"label":182,"slug":183},{"id":155,"label":156,"slug":157,"rank":60,"group":263},{"id":160,"label":161,"slug":162},{"id":265,"label":266,"slug":267,"rank":158,"group":268},130,"Checkout","checkout",{"id":185,"label":269,"slug":270},"Payments & Checkout","payments-and-checkout",[272,273,274,275],{"id":198,"title":199,"slug":200},{"id":121,"title":122,"slug":123},{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":277},[],{"uuid":279,"title":280,"description":281,"canonical_path":4,"image":282,"width":45,"height":283,"image_alt":284,"kind":48,"patterns":285,"component_categories":290,"app":295},"df3f5607-29bd-460f-be21-2cef7e3b3858","Food list","Online farmers market storefront displaying a list of fresh produce items from a specific producer, with a visual category navigation bar, an organic filter, and 'Add to basket' actions per item.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fthe-food-assembly_food-list_ba3eff08_nicelydone.jpg",12918,"Food list from The food assembly",[286,288],{"id":155,"label":156,"slug":157,"rank":54,"group":287},{"id":160,"label":161,"slug":162},{"id":150,"label":151,"slug":152,"rank":56,"group":289},{"id":60,"label":147,"slug":148},[291,292,293,294],{"id":236,"title":237,"slug":238},{"id":121,"title":122,"slug":123},{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":296},[],{"uuid":298,"title":299,"description":300,"canonical_path":4,"image":301,"width":45,"height":46,"image_alt":302,"kind":48,"patterns":303,"component_categories":306,"app":316},"5c03752f-0ff6-4a34-b00e-7fca5d0569b7","Basket","Home page for a local food market showing an open basket popover with selected items and a checkout button.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fthe-food-assembly_basket_fcdde710_nicelydone.jpg","Basket from The food assembly",[304],{"id":265,"label":266,"slug":267,"rank":54,"group":305},{"id":185,"label":269,"slug":270},[307,311,312,313,314,315],{"id":308,"title":309,"slug":310},214,"Popover","popover",{"id":236,"title":237,"slug":238},{"id":198,"title":199,"slug":200},{"id":121,"title":122,"slug":123},{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":317},[],{"uuid":319,"title":266,"description":320,"canonical_path":4,"image":321,"width":45,"height":322,"image_alt":323,"kind":48,"patterns":324,"component_categories":332,"app":335},"6e717cc8-0fb8-4525-9065-999edc3e71dd","Checkout step where the user provides their phone number, address, date of birth, and nationality to generate an invoice before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fthe-food-assembly_checkout_475008b8_nicelydone.jpg",1582,"Checkout from The food assembly",[325,327],{"id":265,"label":266,"slug":267,"rank":54,"group":326},{"id":185,"label":269,"slug":270},{"id":328,"label":329,"slug":330,"rank":56,"group":331},131,"Payment Form","payment-form",{"id":185,"label":269,"slug":270},[333,334],{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":336},[],{"uuid":338,"title":339,"description":340,"canonical_path":4,"image":341,"width":45,"height":46,"image_alt":342,"kind":48,"patterns":343,"component_categories":354,"app":357},"a41862ce-0896-45ae-b5cc-a5f2ad98a34c","Closed market","Online market section displaying a closed state with an illustration and a message indicating when the next collection will open.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fthe-food-assembly_closed-market_c2c29e94_nicelydone.jpg","Closed market from The food assembly",[344,352],{"id":345,"label":346,"slug":347,"rank":54,"group":348},115,"Empty State","empty-state",{"id":349,"label":350,"slug":351},12,"States & Feedback","states-and-feedback",{"id":253,"label":254,"slug":255,"rank":56,"group":353},{"id":160,"label":161,"slug":162},[355,356],{"id":198,"title":199,"slug":200},{"id":121,"title":122,"slug":123},{"slug":31,"title":30,"logo":33,"categories":358},[],[],[361,363,365,367,369,371,373,375,377,379,381,383,385,388,391,394,397,399,403,407,411],{"label":156,"to":362},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":266,"to":364},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":151,"to":366},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":61,"to":368},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":254,"to":370},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":215,"to":372},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":227,"to":374},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":346,"to":376},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":186,"to":378},"\u002Fexamples\u002Fscreens\u002Ffollow",{"label":130,"to":380},"\u002Fexamples\u002Fscreens\u002Fmap",{"label":193,"to":382},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":329,"to":384},"\u002Fexamples\u002Fscreens\u002Fpayment-form",{"label":386,"to":387},"The food assembly marketing pages","\u002Fexamples\u002Fapps\u002Fthe-food-assembly\u002Fmarketing",{"label":389,"to":390},"The food assembly user flows","\u002Fexamples\u002Fapps\u002Fthe-food-assembly\u002Fflows",{"label":392,"to":393},"The food assembly UI components","\u002Fexamples\u002Fapps\u002Fthe-food-assembly\u002Fcomponents",{"label":395,"to":396},"Food and Beverages app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffood-and-beverages",{"label":398,"to":18},"All SaaS app examples",{"label":400,"to":401,"description":402},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":404,"to":405,"description":406},"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":408,"to":409,"description":410},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":412,"to":413,"description":414},"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":416,"updated_at":417},"2017-03-26T11:55:00.000Z","2026-09-13T13:02:39.000Z"]