[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffabric\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":52,"showcases":208,"links":209,"dates":228},"\u002Fexamples\u002Fapps\u002Ffabric\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Fabric UI components examples - Nicelydone","Browse Fabric UI component design examples. Preview individual interface elements and explore related component categories. Your second brain. Remember…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffa46d6a4-4344-49de-8a94-e2fc646fb3ac.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 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Fabric UI component design examples. Preview individual interface elements and explore related component categories. Your second brain. Remember everything",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Fabric","fabric","Your second brain. Remember everything","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F42ed2d48-9d22-43a8-a445-db7acd80254b.png","https:\u002F\u002Ffabric.so",[36,40,44,48],{"id":37,"title":38,"slug":39},22,"Knowledge Management","knowledge-management",{"id":41,"title":42,"slug":43},30,"Productivity","productivity",{"id":45,"title":46,"slug":47},71,"File sharing","file-sharing",{"id":49,"title":50,"slug":51},80,"Artificial Intelligence","artificial-intelligence",[53,68,81,94,107,120,133,146,159,172,185,195],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"4bfe13fa-24d0-45ca-9ee2-a0c744cd8a54","Fabric UI component","A user interface element for selecting a display theme",1956,840,"UI component from Fabric","component",[62],{"id":63,"title":64,"slug":65},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":67},[],{"uuid":69,"title":55,"description":70,"canonical_path":4,"image":71,"width":72,"height":73,"image_alt":59,"kind":60,"categories":74,"app":79},"5e022df2-8073-4a02-b34c-7b2ed09849a6","A user interface component displaying storage usage and credit information with a call to action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F17c27da4-63c5-42e9-92a3-e0948efff735.png",1814,550,[75],{"id":76,"title":77,"slug":78},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":80},[],{"uuid":82,"title":55,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":59,"kind":60,"categories":87,"app":92},"44b61d4c-b2ba-4e69-87f4-7c52ebe38cd6","A dropdown menu displaying content management actions and view settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F09fab306-ef23-4e99-aacd-6cb1dadbae8b.png",506,668,[88],{"id":89,"title":90,"slug":91},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":93},[],{"uuid":95,"title":55,"description":96,"canonical_path":4,"image":97,"width":98,"height":99,"image_alt":59,"kind":60,"categories":100,"app":105},"cd7118a1-6748-4b16-92ca-122b51e05412","A breadcrumb navigation displaying a file path with a back button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff917c488-83ba-484e-aeae-307d783499d8.png",744,208,[101],{"id":102,"title":103,"slug":104},177,"Breadcrumb","breadcrumb",{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":55,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":59,"kind":60,"categories":113,"app":118},"982b55e8-f2cd-4b8e-8e83-b6a81f6d14cf","An empty state screen prompting the user to add their first item, featuring various application and file icons floating above the text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9f549b73-ce37-41a6-bb6c-ed85fc3f5860.png",967,731,[114],{"id":115,"title":116,"slug":117},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":119},[],{"uuid":121,"title":55,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":59,"kind":60,"categories":126,"app":131},"024a8b63-87bd-432c-a7de-9054cb097a5f","A modal dialog for saving an item to a selected space or folder, featuring a search bar and options to create a new space.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb5d69a03-644b-4dbb-a565-95744ea508a0.png",1366,1779,[127],{"id":128,"title":129,"slug":130},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":132},[],{"uuid":134,"title":55,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":59,"kind":60,"categories":139,"app":144},"3a78bbf4-09d2-45f1-b3b4-3741948f73b6","A user interface displaying a timeline header with navigation and a row of filter dropdowns.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8c024ed7-9147-441d-87fa-05a198a917ef.png",1633,492,[140],{"id":141,"title":142,"slug":143},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":145},[],{"uuid":147,"title":55,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":59,"kind":60,"categories":152,"app":157},"34816fa3-dc5a-4244-970f-f9a67e7854ea","A modal window presenting features and pricing plans for a \"Fabric Basic\" subscription, highlighting AI-powered recaps and productivity tools.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F20bff9a1-e049-40f1-ad0f-52e13efd9759.png",1738,1188,[153],{"id":154,"title":155,"slug":156},303,"Pricing section","pricing-section",{"slug":31,"title":30,"logo":33,"categories":158},[],{"uuid":160,"title":55,"description":161,"canonical_path":4,"image":162,"width":163,"height":164,"image_alt":59,"kind":60,"categories":165,"app":170},"7e167f2b-619b-4241-86c1-bc96ae0ada43","An AI chat interface displaying a conversation between a user and an AI assistant, detailing saved items and their organization.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F987e2168-77eb-489d-982a-66b1a6148b58.png",753,1772,[166],{"id":167,"title":168,"slug":169},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":171},[],{"uuid":173,"title":55,"description":174,"canonical_path":4,"image":175,"width":176,"height":177,"image_alt":59,"kind":60,"categories":178,"app":183},"c92616f7-3128-4a2e-ad18-9c31e6f8b5ae","A modal window presenting options to share or publish content to the web.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fef2dae38-caea-40c3-8eb3-75fd9dd2fc45.png",1045,324,[179],{"id":180,"title":181,"slug":182},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":184},[],{"uuid":186,"title":55,"description":187,"canonical_path":4,"image":188,"width":189,"height":190,"image_alt":59,"kind":60,"categories":191,"app":193},"bf21b7cd-fc82-4eed-8205-a91bee8011fd","An AI assistant interface providing a summary of a note and offering various actions, with an input field for further queries.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9fa7bf15-999c-46e2-931e-238a203666be.png",1824,1858,[192],{"id":167,"title":168,"slug":169},{"slug":31,"title":30,"logo":33,"categories":194},[],{"uuid":196,"title":55,"description":197,"canonical_path":4,"image":198,"width":199,"height":200,"image_alt":59,"kind":60,"categories":201,"app":206},"d522f4d8-1258-4a5f-ab73-55ebf2083e79","A dropdown menu with a filter input for selecting content blocks in a text editor.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1251a399-5ee1-481a-a7c4-678761bf33d7.png",568,925,[202],{"id":203,"title":204,"slug":205},221,"Rich text editor","rich-text-editor",{"slug":31,"title":30,"logo":33,"categories":207},[],[],[210,213,216,219,222,225],{"label":211,"to":212},"Fabric product screens","\u002Fexamples\u002Fapps\u002Ffabric\u002Fscreens",{"label":214,"to":215},"Fabric marketing pages","\u002Fexamples\u002Fapps\u002Ffabric\u002Fmarketing",{"label":217,"to":218},"Fabric user flows","\u002Fexamples\u002Fapps\u002Ffabric\u002Fflows",{"label":220,"to":221},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":223,"to":224},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":226,"to":227},"File sharing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffile-sharing",{"published_at":229,"updated_at":230},"2025-12-31T07:46:47.000Z","2026-09-13T13:02:39.000Z"]