[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffabric\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":219,"links":220,"dates":239},"\u002Fexamples\u002Fapps\u002Ffabric\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Fabric product screens examples - Nicelydone","Browse Fabric screen design examples. Preview the interface screenshots and explore related UI patterns. Your second brain. Remember everything","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa843c9bf-a19c-4ffa-86ed-4832ecdff394.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},"Fabric design examples","\u002Fexamples\u002Fapps\u002Ffabric",{"label":23,"to":4},"Fabric 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},"Fabric","fabric","Your second brain. Remember everything","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F42ed2d48-9d22-43a8-a445-db7acd80254b.png","https:\u002F\u002Ffabric.so",[35,39,43,47],{"id":36,"title":37,"slug":38},22,"Knowledge Management","knowledge-management",{"id":40,"title":41,"slug":42},30,"Productivity","productivity",{"id":44,"title":45,"slug":46},71,"File sharing","file-sharing",{"id":48,"title":49,"slug":50},80,"Artificial Intelligence","artificial-intelligence",[52,77,91,106,116,128,139,150,173,185,197,208],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":75},"a843c9bf-a19c-4ffa-86ed-4832ecdff394","Fabric | Think better, together","Sign-in screen where the user authenticates with Apple, Google, or email.",3024,1780,"Fabric | Think better, together from Fabric","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},2,"Forgot Password","forgot-password",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71],{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":54,"description":79,"canonical_path":4,"image":80,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":81,"component_categories":87,"app":89},"29e23aab-c789-44e5-b08c-a555f0c3abc2","Sign-in screen where the user authenticates with Apple, Google, or email to access their personal cloud and AI workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F29e23aab-c789-44e5-b08c-a555f0c3abc2.png",[82],{"id":83,"label":84,"slug":85,"rank":65,"group":86},4,"Sign In","sign-in",{"id":67,"label":68,"slug":69},[88],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":90},[],{"uuid":92,"title":54,"description":93,"canonical_path":4,"image":94,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":95,"component_categories":98,"app":104},"98949c8b-caf9-43e2-a833-4c242d549dd7","Sign-in screen where the user authenticates with Apple, Google, or email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F98949c8b-caf9-43e2-a833-4c242d549dd7.png",[96],{"id":83,"label":84,"slug":85,"rank":65,"group":97},{"id":67,"label":68,"slug":69},[99,103],{"id":100,"title":101,"slug":102},240,"Horizontal navigation","horizontal-navigation",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":54,"description":93,"canonical_path":4,"image":108,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":109,"component_categories":112,"app":114},"83e7d943-b79e-4646-ba67-fd1ba6fd3779","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F83e7d943-b79e-4646-ba67-fd1ba6fd3779.png",[110],{"id":83,"label":84,"slug":85,"rank":65,"group":111},{"id":67,"label":68,"slug":69},[113],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":54,"description":118,"canonical_path":4,"image":119,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":120,"component_categories":123,"app":126},"9d69d6de-356a-4496-b62e-99019103cb08","Sign-in screen where the user authenticates with Apple, Google, or email and password, featuring a large branded gradient panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9d69d6de-356a-4496-b62e-99019103cb08.png",[121],{"id":83,"label":84,"slug":85,"rank":65,"group":122},{"id":67,"label":68,"slug":69},[124,125],{"id":100,"title":101,"slug":102},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":127},[],{"uuid":129,"title":54,"description":93,"canonical_path":4,"image":130,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":131,"component_categories":134,"app":137},"dc608634-8d67-4a36-a5f3-d8514dbdc495","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc608634-8d67-4a36-a5f3-d8514dbdc495.png",[132],{"id":83,"label":84,"slug":85,"rank":65,"group":133},{"id":67,"label":68,"slug":69},[135,136],{"id":100,"title":101,"slug":102},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":138},[],{"uuid":140,"title":54,"description":141,"canonical_path":4,"image":142,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":143,"component_categories":146,"app":148},"e37ad1fe-8ca4-40f9-83c4-619b21a47217","Sign-in screen where the user authenticates with Apple, Google, or an email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe37ad1fe-8ca4-40f9-83c4-619b21a47217.png",[144],{"id":83,"label":84,"slug":85,"rank":65,"group":145},{"id":67,"label":68,"slug":69},[147],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":54,"description":152,"canonical_path":4,"image":153,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":154,"component_categories":165,"app":171},"6374eabc-9cb2-4327-9dc3-e96a317401b9","Sign-in screen where the user attempts to authenticate with email or SSO but encounters an incorrect password error.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6374eabc-9cb2-4327-9dc3-e96a317401b9.png",[155,157],{"id":83,"label":84,"slug":85,"rank":65,"group":156},{"id":67,"label":68,"slug":69},{"id":158,"label":159,"slug":160,"rank":67,"group":161},116,"Error","error",{"id":162,"label":163,"slug":164},12,"States & Feedback","states-and-feedback",[166,170],{"id":167,"title":168,"slug":169},167,"Alert","alert",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":54,"description":175,"canonical_path":4,"image":176,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":177,"component_categories":180,"app":183},"abd87aad-1149-4076-9977-325dcab775f7","Password recovery screen where the user enters their email to receive a reset code.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabd87aad-1149-4076-9977-325dcab775f7.png",[178],{"id":62,"label":63,"slug":64,"rank":65,"group":179},{"id":67,"label":68,"slug":69},[181,182],{"id":100,"title":101,"slug":102},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":184},[],{"uuid":186,"title":54,"description":187,"canonical_path":4,"image":188,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":189,"component_categories":192,"app":195},"49d4ce4e-5d62-46a4-b9b6-c9b6bfc03f8c","Password recovery screen where the user requests a reset code to be sent to their pre-filled email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F49d4ce4e-5d62-46a4-b9b6-c9b6bfc03f8c.png",[190],{"id":62,"label":63,"slug":64,"rank":65,"group":191},{"id":67,"label":68,"slug":69},[193,194],{"id":100,"title":101,"slug":102},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":196},[],{"uuid":198,"title":54,"description":199,"canonical_path":4,"image":200,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":201,"component_categories":204,"app":206},"5cecde55-d7b8-4e3c-8a79-a0ea71cbf0e4","Password recovery screen where the user enters a verification code and sets a new password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5cecde55-d7b8-4e3c-8a79-a0ea71cbf0e4.png",[202],{"id":62,"label":63,"slug":64,"rank":65,"group":203},{"id":67,"label":68,"slug":69},[205],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":207},[],{"uuid":209,"title":54,"description":210,"canonical_path":4,"image":211,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":212,"component_categories":215,"app":217},"91fdf783-27a6-426f-9e04-b9a5af747a86","Auth screen where the user enters a verification code and sets a new password to recover their account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F91fdf783-27a6-426f-9e04-b9a5af747a86.png",[213],{"id":62,"label":63,"slug":64,"rank":65,"group":214},{"id":67,"label":68,"slug":69},[216],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":218},[],[],[221,223,225,227,230,233,236],{"label":84,"to":222},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":63,"to":224},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":159,"to":226},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":228,"to":229},"Fabric marketing pages","\u002Fexamples\u002Fapps\u002Ffabric\u002Fmarketing",{"label":231,"to":232},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":234,"to":235},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":237,"to":238},"File sharing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffile-sharing",{"published_at":240,"updated_at":241},"2025-12-31T07:46:47.000Z","2026-09-13T13:02:39.000Z"]