[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffabric":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":63,"showcases":64,"links":244,"dates":262},"\u002Fexamples\u002Fapps\u002Ffabric","detail","apps",true,{"title":9,"description":10,"og_image":11},"Fabric design examples - Nicelydone","Explore Fabric UI design examples. Your second brain. Remember everything","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa843c9bf-a19c-4ffa-86ed-4832ecdff394.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Fabric design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Fabric",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ffabric\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Ffabric\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Ffabric\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Ffabric\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Fabric","fabric","Your second brain. Remember everything","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F42ed2d48-9d22-43a8-a445-db7acd80254b.png","https:\u002F\u002Ffabric.so",[47,51,55,59],{"id":48,"title":49,"slug":50},22,"Knowledge Management","knowledge-management",{"id":52,"title":53,"slug":54},30,"Productivity","productivity",{"id":56,"title":57,"slug":58},71,"File sharing","file-sharing",{"id":60,"title":61,"slug":62},80,"Artificial Intelligence","artificial-intelligence",[],[65,235,238,241],{"family":66,"examples":67},"screens",[68,93,107,122,132,144,155,166,189,201,213,224],{"uuid":69,"title":70,"description":71,"canonical_path":29,"image":11,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":76,"component_categories":86,"app":91},"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",[77],{"id":78,"label":79,"slug":80,"rank":81,"group":82},2,"Forgot Password","forgot-password",0,{"id":83,"label":84,"slug":85},1,"Access & Account","access-and-account",[87],{"id":88,"title":89,"slug":90},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":92},[],{"uuid":94,"title":70,"description":95,"canonical_path":29,"image":96,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":97,"component_categories":103,"app":105},"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",[98],{"id":99,"label":100,"slug":101,"rank":81,"group":102},4,"Sign In","sign-in",{"id":83,"label":84,"slug":85},[104],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":106},[],{"uuid":108,"title":70,"description":109,"canonical_path":29,"image":110,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":111,"component_categories":114,"app":120},"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",[112],{"id":99,"label":100,"slug":101,"rank":81,"group":113},{"id":83,"label":84,"slug":85},[115,119],{"id":116,"title":117,"slug":118},240,"Horizontal navigation","horizontal-navigation",{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":121},[],{"uuid":123,"title":70,"description":109,"canonical_path":29,"image":124,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":125,"component_categories":128,"app":130},"83e7d943-b79e-4646-ba67-fd1ba6fd3779","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F83e7d943-b79e-4646-ba67-fd1ba6fd3779.png",[126],{"id":99,"label":100,"slug":101,"rank":81,"group":127},{"id":83,"label":84,"slug":85},[129],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":131},[],{"uuid":133,"title":70,"description":134,"canonical_path":29,"image":135,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":136,"component_categories":139,"app":142},"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",[137],{"id":99,"label":100,"slug":101,"rank":81,"group":138},{"id":83,"label":84,"slug":85},[140,141],{"id":116,"title":117,"slug":118},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":143},[],{"uuid":145,"title":70,"description":109,"canonical_path":29,"image":146,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":147,"component_categories":150,"app":153},"dc608634-8d67-4a36-a5f3-d8514dbdc495","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdc608634-8d67-4a36-a5f3-d8514dbdc495.png",[148],{"id":99,"label":100,"slug":101,"rank":81,"group":149},{"id":83,"label":84,"slug":85},[151,152],{"id":116,"title":117,"slug":118},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":154},[],{"uuid":156,"title":70,"description":157,"canonical_path":29,"image":158,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":159,"component_categories":162,"app":164},"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",[160],{"id":99,"label":100,"slug":101,"rank":81,"group":161},{"id":83,"label":84,"slug":85},[163],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":165},[],{"uuid":167,"title":70,"description":168,"canonical_path":29,"image":169,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":170,"component_categories":181,"app":187},"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",[171,173],{"id":99,"label":100,"slug":101,"rank":81,"group":172},{"id":83,"label":84,"slug":85},{"id":174,"label":175,"slug":176,"rank":83,"group":177},116,"Error","error",{"id":178,"label":179,"slug":180},12,"States & Feedback","states-and-feedback",[182,186],{"id":183,"title":184,"slug":185},167,"Alert","alert",{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":188},[],{"uuid":190,"title":70,"description":191,"canonical_path":29,"image":192,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":193,"component_categories":196,"app":199},"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",[194],{"id":78,"label":79,"slug":80,"rank":81,"group":195},{"id":83,"label":84,"slug":85},[197,198],{"id":116,"title":117,"slug":118},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":200},[],{"uuid":202,"title":70,"description":203,"canonical_path":29,"image":204,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":205,"component_categories":208,"app":211},"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",[206],{"id":78,"label":79,"slug":80,"rank":81,"group":207},{"id":83,"label":84,"slug":85},[209,210],{"id":116,"title":117,"slug":118},{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":212},[],{"uuid":214,"title":70,"description":215,"canonical_path":29,"image":216,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":217,"component_categories":220,"app":222},"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",[218],{"id":78,"label":79,"slug":80,"rank":81,"group":219},{"id":83,"label":84,"slug":85},[221],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":223},[],{"uuid":225,"title":70,"description":226,"canonical_path":29,"image":227,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":228,"component_categories":231,"app":233},"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",[229],{"id":78,"label":79,"slug":80,"rank":81,"group":230},{"id":83,"label":84,"slug":85},[232],{"id":88,"title":89,"slug":90},{"slug":42,"title":41,"logo":44,"categories":234},[],{"family":236,"examples":237},"flows",[],{"family":239,"examples":240},"components",[],{"family":242,"examples":243},"pages",[],[245,247,249,251,253,256,259],{"label":246,"to":29},"Fabric product screens",{"label":248,"to":38},"Fabric marketing pages",{"label":250,"to":32},"Fabric user flows",{"label":252,"to":35},"Fabric UI components",{"label":254,"to":255},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":257,"to":258},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":260,"to":261},"File sharing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffile-sharing",{"published_at":263,"updated_at":264},"2025-12-31T07:46:47.000Z","2026-09-13T13:02:39.000Z"]