[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffoundation\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":114,"links":115,"dates":155},"\u002Fexamples\u002Fapps\u002Ffoundation\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Foundation product screens examples - Nicelydone","Browse Foundation screen design examples. Preview the interface screenshots and explore related UI patterns. Culture's stock exchange.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffoundation_log-in-to-foundation-foundation-3_5e1b78b1_nicelydone.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},"Foundation design examples","\u002Fexamples\u002Fapps\u002Ffoundation",{"label":23,"to":4},"Foundation 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,"categories":34},"Foundation","foundation","Culture's stock exchange.","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffoundation-2b742a24.png","https:\u002F\u002Ffoundation.app",[35,39],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},3,"Shopping","shopping",[44,69,88,102],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":67},"6cbee061-02a7-481d-a5ad-d47336878004","Sign in","Sign-in screen where the user enters their email to receive a magic link or authenticates by connecting a MetaMask wallet.",2880,1534,"Sign in from Foundation","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":46,"description":71,"canonical_path":4,"image":72,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":73,"component_categories":84,"app":86},"4788a7e4-5bca-46e4-b168-d11eb382aad3","Sign-in screen where the user enters their email to authenticate or connects via their MetaMask wallet, currently showing a loading state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffoundation_log-in-to-foundation-foundation-2_c32f3c1f_nicelydone.png",[74,76],{"id":54,"label":55,"slug":56,"rank":57,"group":75},{"id":59,"label":60,"slug":61},{"id":77,"label":78,"slug":79,"rank":59,"group":80},120,"Loading","loading",{"id":81,"label":82,"slug":83},12,"States & Feedback","states-and-feedback",[85],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":46,"description":90,"canonical_path":4,"image":91,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":92,"component_categories":98,"app":100},"5a45d626-9f85-4ee5-90c5-992fca011964","Verification screen where the user is instructed to check their email for a magic link to complete the login process.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffoundation_log-in-to-foundation-foundation_339601c7_nicelydone.png",[93],{"id":94,"label":95,"slug":96,"rank":57,"group":97},6,"Verification","verification",{"id":59,"label":60,"slug":61},[99],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":104,"description":105,"canonical_path":4,"image":106,"width":48,"height":49,"image_alt":107,"kind":51,"patterns":108,"component_categories":111,"app":112},"bc4aa340-0398-4d76-a0a5-0215ec79fe17","Loader","Authentication screen displaying a loading state while logging the user in via a Magic link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffoundation_foundationconfirming-your-login_4c992403_nicelydone.png","Loader from Foundation",[109],{"id":77,"label":78,"slug":79,"rank":57,"group":110},{"id":81,"label":82,"slug":83},[],{"slug":30,"title":29,"logo":32,"categories":113},[],[],[116,118,120,122,125,128,131,134,137,139,143,147,151],{"label":78,"to":117},"\u002Fexamples\u002Fscreens\u002Floading",{"label":55,"to":119},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":95,"to":121},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":123,"to":124},"Foundation marketing pages","\u002Fexamples\u002Fapps\u002Ffoundation\u002Fmarketing",{"label":126,"to":127},"Foundation user flows","\u002Fexamples\u002Fapps\u002Ffoundation\u002Fflows",{"label":129,"to":130},"Foundation UI components","\u002Fexamples\u002Fapps\u002Ffoundation\u002Fcomponents",{"label":132,"to":133},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":135,"to":136},"Shopping app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fshopping",{"label":138,"to":18},"All SaaS app examples",{"label":140,"to":141,"description":142},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":144,"to":145,"description":146},"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":148,"to":149,"description":150},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":152,"to":153,"description":154},"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":156,"updated_at":157},"2020-11-22T18:05:00.000Z","2026-09-13T13:02:39.000Z"]